{"version":3,"sources":["error.js","Casegraph.js","legend.jsx","LeafletMap.js","About.js","App.js","routes.js","serviceWorker.js","index.js","styles/Images/downArrow.png","styles/Images/downArrowDark.png","styles/Images/upArrow.png","styles/Images/upArrowDark.png"],"names":["Error","props","url","style","fontFamily","fontWeight","fontStyle","className","onClick","history","push","this","Component","Chart","toggle","setState","on","state","buttonDirection","upArrow","darkArrow","upArrowDark","downArrow","downArrowDark","onClickHandler","event","newIndex","target","innerText","updateChart","collapse","display","render","chartData","data","latest","region","index","myObj","require","retDict","date","tempDates","tempVals","dates","vals","v","err","console","log","index_data","getData","current_index","labels","datasets","label","fill","borderColor","backgroundColor","pointBackgroundColor","pointBorderColor","pointHoverBackgroundColor","pointHoverBorderColor","setData","country","undefined","r","includes","split","id","class","minWidth","color","fontSize","verticalAlign","paddingTop","float","src","onMouseOver","e","currentTarget","onMouseOut","height","width","alt","options","title","text","fontColor","hover","mode","intersect","legend","position","elements","line","tension","scales","xAxes","ticks","scaleLabel","labelString","yAxes","Legend","colors","i","c","classify","length","React","customBounds","colorDict","statusDict","defaultData","mapData","features","properties","ADMIN","backup","JSON","parse","stringify","big_countries","xhr","XMLHttpRequest","addEventListener","LeafletMap","initialized","mapRef","createRef","geoJSONRef","useState","L","control","info","graph","highlightFeature","layer","setStyle","weight","dashArray","fillOpacity","Browser","ie","opera","edge","bringToFront","update","feature","resetHighlight","current","leafletElement","resetStyle","zoomToFeature","init","fitBounds","name_en","getBounds","open","send","responseText","name","clearLayers","addData","useEffect","onAdd","map","_div","DomUtil","create","innerHTML","toString","replace","addTo","div","jsx","Casegraph","ReactDOM","Map","center","lat","lng","ref","zoom","window","innerHeight","TileLayer","attribution","tileSize","zoomOffset","GeoJSON","fillColor","opacity","onEachFeature","mouseover","mouseout","click","About","href","rel","App","about","view","setView","Navbar","expand","Brand","Toggle","aria-controls","Collapse","Nav","activeKey","onSelect","selectedKey","Item","Link","eventKey","Routes","exact","path","component","Boolean","location","hostname","match","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message","module","exports"],"mappings":"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","file":"static/js/main.761c1097.chunk.js","sourcesContent":["import React, { Component } from \"react\";\r\n// import {Redirect} from 'react-router';\r\nimport './Data.css';\r\n\r\nclass Error extends Component {\r\n    constructor(props){\r\n        super(props)\r\n        this.url = 'https://covid19-map.com'\r\n\r\n    }\r\n    render() {\r\n      return (\r\n          <div style = {{fontFamily: 'Courier New'}}>\r\n            <h1><paddingbox> ERROR 404 </paddingbox></h1>\r\n            <div style = {{fontFamily: 'Courier New'}}>\r\n            <paddingbox>\r\n            page not found\r\n            </paddingbox>\r\n            </div>\r\n            <div style = {{fontWeight: '600'}}>\r\n          <div style= {{fontStyle: 'italic'}}className=\"genre-search-title\" onClick={() => this.props.history.push('/')}><paddingbox>\r\n            click to return to {this.url} </paddingbox>\r\n          </div>\r\n          </div>\r\n          </div>\r\n      );\r\n    }\r\n\r\n}\r\n\r\nexport default Error;\r\n","import React, { Component } from \"react\";\r\nimport { Line } from \"react-chartjs-2\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"./styles/CasesChart.css\";\r\nimport downArrow from \"./styles/Images/downArrow.png\";\r\nimport upArrow from \"./styles/Images/upArrow.png\";\r\nimport downArrowDark from \"./styles/Images/downArrowDark.png\";\r\nimport upArrowDark from \"./styles/Images/upArrowDark.png\";\r\n\r\nclass Chart extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            chartData: {},\r\n            data: {},\r\n            latest: \"\",\r\n            region: \"\",\r\n            display: true,\r\n            on: false, //false is down, true is up\r\n            buttonDirection: downArrow,\r\n            darkArrow: downArrowDark,\r\n        };\r\n    }\r\n\r\n    toggle = () => {\r\n        this.setState({\r\n            on: !this.state.on,\r\n        });\r\n        if (this.state.on === false) {\r\n            this.setState({\r\n                buttonDirection: upArrow,\r\n                darkArrow: upArrowDark,\r\n            });\r\n        } else {\r\n            this.setState({\r\n                buttonDirection: downArrow,\r\n                darkArrow: downArrowDark,\r\n            });\r\n        }\r\n    };\r\n    //Takes currency, gives back [dates,xrates]\r\n    async setData() {        \r\n        let myObj = require('./data/global.json')\r\n\r\n        let retDict = {};\r\n        for (let index in myObj) {\r\n            let tempDates = [];\r\n            let tempVals = [];\r\n            for (let date in myObj[index]) {\r\n                tempVals.push(myObj[index][date]);\r\n                tempDates.push(date);\r\n                \r\n            }\r\n            let t = index;\r\n            retDict[t] = [tempDates, tempVals];\r\n        }\r\n        \r\n        await this.setState({ data: retDict });\r\n        \r\n    }\r\n\r\n    getData(index) {\r\n        let dates = [];\r\n        let vals = [];\r\n        \r\n        try{\r\n        for (let date in this.state.data[index][0]) {\r\n            dates.push(this.state.data[index][0][date]);\r\n        }\r\n        for (let v in this.state.data[index][1]) {\r\n            vals.push(this.state.data[index][1][v]);\r\n        }\r\n        } catch( err){\r\n            console.log(this.state.data);\r\n            console.log(index)\r\n            throw err;\r\n        }\r\n        let ret = [dates, vals];\r\n        return ret;\r\n    }\r\n\r\n    async updateChart(index) {\r\n        let index_data = this.getData(index);\r\n        let dates = index_data[0];\r\n        let vals = index_data[1];\r\n\r\n        this.setState({\r\n            current_index: index,\r\n            region: index,\r\n            chartData: {\r\n                labels: dates,\r\n                datasets: [\r\n                    {\r\n                        label: \"Confirmed Cases\",\r\n                        data: vals,\r\n                        fill: false,\r\n                        borderColor: \"#cc4125\",\r\n                        backgroundColor: \"#cc4125\",\r\n                        pointBackgroundColor: \"#cc4125\",\r\n                        pointBorderColor: \"#cc4125\",\r\n                        pointHoverBackgroundColor: \"#a3341d\",\r\n                        pointHoverBorderColor: \"#a3341d\",\r\n                    },\r\n                ],\r\n            },\r\n        });\r\n    }\r\n\r\n    async componentWillMount() {\r\n        await this.setData();\r\n        this.updateChart(this.props.country); //default indence\r\n    }\r\n\r\n    //updates chart for specific country\r\n    onClickHandler = (event) => {\r\n        let newIndex = event.target.innerText;\r\n        this.updateChart(newIndex);\r\n    };\r\n\r\n    collapse = () => {\r\n        this.setState({\r\n            display: false,\r\n        });\r\n        this.render();\r\n    };\r\n\r\n    render() {\r\n        if (this.props.country !== undefined) {\r\n            if (\r\n                this.props.country !== this.state.latest &&\r\n                this.props.country in this.state.data\r\n            ) {\r\n                this.updateChart(this.props.country);\r\n                let r = this.props.country;\r\n                if (this.props.country.includes(\"-\")) {\r\n                    r = this.props.country.split(\"-\")[0];\r\n                }\r\n                this.setState({\r\n                    latest: this.props.country,\r\n                    region: r,\r\n                });\r\n            }\r\n        }\r\n\r\n        // function collapse (){\r\n        //     let ting = document.getElementById(\"graphCollapse\");\r\n        //     this.setState({\r\n        //         display: false\r\n        //     });\r\n        // }\r\n\r\n        return (\r\n            <div id=\"graphArea\">\r\n                <div class=\"collapseDiv\" style={{ minWidth: \"200px\" }}>\r\n                    {!this.state.on && (\r\n                        <span\r\n                            style={{\r\n                                color: \"#696969\",\r\n                                fontSize: \"30px\",\r\n                                fontFamily: \"Arial\",\r\n                                verticalAlign: \"middle\",\r\n                                paddingTop: '10px',\r\n                                float: \"left\",\r\n                            }}\r\n                        >\r\n                            Casegraph\r\n                        </span>\r\n                    )}\r\n                    <img\r\n                        style={{ float: \"right\", verticalAlign: \"middle\" }}\r\n                        src={this.state.buttonDirection}\r\n                        onMouseOver={(e) =>\r\n                            (e.currentTarget.src = this.state.darkArrow)\r\n                        }\r\n                        onMouseOut={(e) =>\r\n                            (e.currentTarget.src = this.state.buttonDirection)\r\n                        }\r\n                        height=\"40\"\r\n                        width=\"40\"\r\n                        alt=\"alt\"\r\n                        onClick={this.toggle}\r\n                    />\r\n                </div>\r\n\r\n                {this.state.on && (\r\n                    <div className=\"chart\" id=\"graphCollapse\">\r\n                        <Line\r\n                            data={this.state.chartData}\r\n                            // style= \"display\" : {this.state.display}\r\n                            options={{\r\n                                display: this.state.display,\r\n                                title: {\r\n                                    display: true,\r\n                                    text: \"# of Cases for \" + this.state.region,\r\n                                    fontColor: \"#383838\",\r\n                                    fontSize: 25,\r\n                                    fontFamily: \"Quicksand\",\r\n                                },\r\n                                hover: {\r\n                                    mode: \"nearest\",\r\n                                    intersect: true,\r\n                                },\r\n                                legend: {\r\n                                    display: false,\r\n                                    position: \"bottom\",\r\n                                    labels: {\r\n                                        fontFamily: \"Quicksand\",\r\n                                        fontColor: \"#282828\",\r\n                                    },\r\n                                },\r\n                                elements: {\r\n                                    line: {\r\n                                        tension: 0,\r\n                                    },\r\n                                },\r\n                                scales: {\r\n                                    xAxes: [\r\n                                        {\r\n                                            ticks: {\r\n                                                fontFamily: \"Quicksand\",\r\n                                                fontSize: 15,\r\n                                            },\r\n                                            scaleLabel: {\r\n                                                display: true,\r\n                                                labelString: \"Date\",\r\n                                                fontSize: 20,\r\n                                                fontFamily: \"Quicksand\",\r\n                                                fontColor: \"#282828\",\r\n                                            },\r\n                                        },\r\n                                    ],\r\n                                    yAxes: [\r\n                                        {\r\n                                            ticks: {\r\n                                                fontFamily: \"Quicksand\",\r\n                                                fontSize: 15,\r\n                                            },\r\n                                            scaleLabel: {\r\n                                                display: true,\r\n                                                labelString: \"# of Cases\",\r\n                                                fontSize: 20,\r\n                                                fontFamily: \"Quicksand\",\r\n                                                fontColor: \"#282828\",\r\n                                            },\r\n                                        },\r\n                                    ],\r\n                                },\r\n                            }}\r\n                        />\r\n                    </div>\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Chart;\r\n","import React from 'react';\r\nimport './Data.css';\r\n\r\nclass Legend extends React.Component{\r\n    constructor(props){\r\n        super(props)\r\n        this.state = {\r\n            // Colors defined in Data.css\r\n            colors: [['forestgreen', 'No cases'],\r\n            ['green', 'Cases decreasing'],\r\n            ['yellow', 'Cases plateauing'],\r\n            ['orange', 'Linear increase'],\r\n            ['red', 'Exponential increase'],\r\n            ['grey', 'Undefined cases']]\r\n        }\r\n    }\r\n    // changeColor(color){\r\n    //     var bodyStyles = document.body.style;\r\n    //     bodyStyles.setProperty('--legend-color', color)\r\n    // }\r\n    // ('(255,85,0)', 'Decreasing Slope')\r\n    // ('(255,0,0)', 'Exponential Increase')\r\n    // ('(84,255,0)', 'Cases decreasing by more and more')\r\n    // ('(255,170,0)', 'Near 0, but increasing')\r\n    // ('(170,255,0)', 'Cases decreasing, but by less and less')\r\n    // ('(255,255,0)', 'Near 0, but decreasing')\r\n    // ('(0,255,0)', 'No Cases')\r\n    legendText(){\r\n        let color = [];\r\n        // for(var c in this.state.colors){\r\n        for(var i = 0; i< 6; i++){\r\n            let c = this.state.colors[i]\r\n            let classify = 'colors ' + c[0];\r\n            color.push(\r\n                <leg><leg class={classify}>bo</leg><leg id='meaning'> {c[1]}</leg><br></br></leg>\r\n            );\r\n        }\r\n        return (\r\n            <div> {color}</div>\r\n        );\r\n    }\r\n    render() {\r\n        let color = [];\r\n        // for(var c in this.state.colors){\r\n        for(var i = 0; i<this.state.colors.length; i++){\r\n            let c = this.state.colors[i]\r\n            let classify = 'colors ' + c[0];\r\n            color.push(\r\n                <div id='container'><leg class={classify}>b </leg><leg id='meaning'> {c[1]}</leg></div>\r\n            );\r\n        }\r\n        return (\r\n            <div id='aligner'>\r\n                {color}\r\n            </div>\r\n            // <div>{this.legendText()}</div>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Legend;","// @flow\r\nimport React, { createRef, useEffect, useState } from \"react\";\r\nimport { Map, TileLayer, GeoJSON } from \"react-leaflet\";\r\nimport L from \"leaflet\";\r\nimport Casegraph from \"./Casegraph.js\";\r\nimport ReactDOM from \"react-dom\";\r\nimport './Data.css';\r\nimport Legend from './legend.jsx';\r\nimport Control from \"react-leaflet-control\";\r\nimport \"./styles/CasesChart.css\";\r\n\r\nvar customBounds = {\r\n    \"United States of America\": [[50, -70],[35.0000,-130]],\r\n    \"Alaska\": [[72.559290,-140],[51.2,-186.004319]],\r\n    \"Canada\": [[74.6773358417,-49.6668184285],[40.3209806691,-143.7406068054]],\r\n    \"France\": [[41.9281506772,-5.8970008063],[51.6370183287,9.5523234029]],\r\n    \"Russia\": [[78, 180], [38,20]]\r\n}\r\n\r\nvar colorDict = require(\"./data/color.json\");\r\nvar statusDict = require(\"./data/status.json\");\r\n\r\nvar defaultData = require('./data/countries_110.json');\r\nvar mapData = {}\r\nfor (let index in defaultData.features){\r\n    mapData[defaultData.features[index].properties.ADMIN] = defaultData.features[index];\r\n}\r\nvar backup = JSON.parse(JSON.stringify(mapData));\r\nvar big_countries = require('./data/big_countries.json');\r\n\r\nvar xhr = new XMLHttpRequest()\r\nxhr.addEventListener('load', () => {\r\n})\r\n\r\nconst LeafletMap = (props) => {\r\n    let initialized = false;\r\n    var mapRef = createRef<Map>();\r\n    var geoJSONRef = createRef<GeoJSON>();\r\n    var [info, setInfo] = useState(L.control());\r\n    var [graph, setGraph] = useState(L.control());\r\n\r\n    const handleClick = (event) => {\r\n    };\r\n\r\n    var mapboxAccessToken =\r\n        \"pk.eyJ1IjoiY29yb25hdHJhY2tlciIsImEiOiJjazkzOTdtbDcwMmI0M2VxbjVtZHcwd2VuIn0.kKpmEGWj7mKvzeIp3-U-Ug\";\r\n\r\n    const getColor = (name) => {\r\n        if (name in colorDict) {\r\n            return colorDict[name]\r\n        }\r\n        return \"#999991\";\r\n    };\r\n    \r\n    const style = (feature) => {\r\n        return {\r\n            fillColor: getColor(\r\n                feature.properties.ADMIN || feature.properties.name_en\r\n            ),\r\n            weight: 1,\r\n            opacity: 1,\r\n            color: \"white\",\r\n            dashArray: \"3\",\r\n            fillOpacity: 0.7,\r\n        };\r\n    };\r\n\r\n    const highlightFeature = (e) => {\r\n        var layer = e.target;\r\n\r\n        layer.setStyle({\r\n            weight: 2,\r\n            color: \"#666\",\r\n            dashArray: \"\",\r\n            fillOpacity: 0.7,\r\n        });\r\n\r\n        if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {\r\n            layer.bringToFront();\r\n        }\r\n        info.update(layer.feature.properties);\r\n        graph.update(layer.feature.properties);\r\n    };\r\n\r\n    const resetHighlight = (e) => {\r\n        geoJSONRef.current.leafletElement.resetStyle(e.target);\r\n        info.update();\r\n        graph.update();\r\n    };\r\n\r\n    const zoomToFeature = (e) => {        \r\n        if (!initialized){\r\n            init();\r\n        }\r\n        if (e.target.feature.properties.ADMIN in customBounds){\r\n            mapRef.current.leafletElement.fitBounds(customBounds[e.target.feature.properties.ADMIN]);\r\n        }\r\n        else if (e.target.feature.properties.name_en in customBounds){\r\n            mapRef.current.leafletElement.fitBounds(customBounds[e.target.feature.properties.name_en]);\r\n        }\r\n        else{\r\n            mapRef.current.leafletElement.fitBounds(e.target.getBounds());\r\n        }\r\n        if (big_countries.includes(e.target.feature.properties.ADMIN)) {\r\n            xhr.open('GET', 'https://raw.githubusercontent.com/gnanduru1/CoronaTrackerAPI/master/big_countries/'+e.target.feature.properties.ADMIN+'.json', false);\r\n            xhr.send();\r\n            mapData[e.target.feature.properties.ADMIN] = JSON.parse(xhr.responseText);\r\n            init();\r\n        }\r\n    };\r\n\r\n    const onEachFeature = (feature, layer) => {\r\n        layer.on({\r\n            mouseover: highlightFeature,\r\n            mouseout: resetHighlight,\r\n            click: zoomToFeature,\r\n        });\r\n    };\r\n    const reset = () => {     \r\n        mapData = JSON.parse(JSON.stringify(backup));\r\n        init()\r\n    };\r\n    const init = () => {\r\n       if (geoJSONRef.current==undefined){\r\n           return;\r\n       }\r\n        geoJSONRef.current.leafletElement.clearLayers();\r\n        for (let name in mapData){\r\n            geoJSONRef.current.leafletElement.addData(mapData[name]);\r\n        }\r\n        initialized = true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        //    var info = L.control();\r\n        info.onAdd = function (map) {\r\n            this._div = L.DomUtil.create(\"div\", \"info\"); // create a div with a class \"info\"\r\n            this.update();\r\n            return this._div;\r\n        };\r\n\r\n\r\n        // method that we will use to update the control based on feature properties passed\r\n        info.update = function (props) {\r\n            if (props != undefined) {\r\n                let name = props.ADMIN;\r\n                if (name === undefined) {\r\n                    name = props.name_en;\r\n                }\r\n                let data = statusDict[name];\r\n\r\n                if (data === undefined) {\r\n                    data = statusDict[props.name_en];\r\n                }\r\n                if (data === undefined) {\r\n                    console.log(props);\r\n                    console.log(name);\r\n\r\n                    data = 'Undefined'\r\n                }\r\n                this._div.innerHTML =\r\n                    \"<h4>COVID-19 Interactive Map</h4>\" +\r\n                    (props\r\n                        ? \"<b>\" + name + \"</b><br />\" + data.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \" \") + \" cases\"\r\n                        : \"Hover over a region\");\r\n            }\r\n        };\r\n\r\n        info.addTo(mapRef.current.leafletElement);\r\n\r\n        graph.onAdd = function (map) {\r\n            this.div = L.DomUtil.create(\"div\", \"graph\");\r\n            const jsx = (\r\n                <div className=\"infoDiv\">\r\n                    <Casegraph country=\"Canada\" />\r\n                </div>\r\n            );\r\n            ReactDOM.render(jsx, this.div);\r\n            return this.div;\r\n        };\r\n\r\n        graph.update = function (props) {\r\n            if (props != undefined) {\r\n                let name = props.ADMIN;\r\n                if (name === undefined) {\r\n                    name = props.name_en;\r\n                }\r\n                const jsx = (\r\n                    <div className=\"infoDiv\">\r\n                        <Casegraph country={name} />\r\n                    </div>\r\n                );\r\n                ReactDOM.render(jsx, this.div);\r\n                return this.div;\r\n            }\r\n        };\r\n\r\n        graph.addTo(mapRef.current.leafletElement);\r\n\r\n        init();\r\n    }, []);\r\n    \r\n    return (\r\n        <div>\r\n            <Map\r\n                center={{ lat: 37.8, lng: -96 }}\r\n                length={4}\r\n                onClick={handleClick}\r\n                ref={mapRef}\r\n                zoom={4}\r\n                style={{ height: window.innerHeight - 60 }}\r\n            >\r\n                <TileLayer\r\n                    url={\r\n                        \"https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=\" +\r\n                        mapboxAccessToken\r\n                    }\r\n                    id=\"mapbox/light-v9\"\r\n                    attribution='&amp;copy <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors'\r\n                    tileSize={512}\r\n                    zoomOffset={-1}\r\n                />\r\n\r\n                <GeoJSON\r\n                    data={defaultData}                  \r\n                    style={style}\r\n                    onEachFeature={onEachFeature}\r\n                    ref={geoJSONRef}\r\n                />                \r\n                <Control position=\"topleft\">\r\n                    <button id='style' onClick={() => reset()}>Reset map</button>\r\n                </Control>\r\n\r\n                <Control position=\"bottomleft\">\r\n                    <div id='legendbox'> Colors <Legend></Legend></div>\r\n                </Control>\r\n\r\n            </Map>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default LeafletMap;","import React from 'react';\r\nimport './Data.css';\r\nclass About extends React.Component{\r\n    render() {\r\n        return (\r\n            <div>\r\n                <h3>\r\n                    About COVID-19 Map\r\n                </h3>\r\n                <p>\r\n                    Click on a country to divide it into regions. <br></br>\r\n                    Currently detailable countries are\r\n                    India, United Kingdom, France, United States of America, Denmark, Netherlands, Italy, Spain, Australia, Canada, China, and New Zealand\r\n                    <br></br><br></br>\r\n                    Built with ReactJS, Leaflet, and OpenStreetMap.\r\n                </p>\r\n                <a href=\"https://github.com/gnanduru1/CoronaTrackerAPI\" rel=\"noopener noreferrer\" class=\"button\" target=\"_blank\">\r\n                    Data Collection</a>\r\n            </div>\r\n        )\r\n     }\r\n}\r\n\r\nexport default About;","import React, { useState } from \"react\";\r\nimport LeafletMap from \"./LeafletMap.js\";\r\nimport About from \"./About.js\"\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport { Navbar } from \"react-bootstrap\";\r\nimport Nav from \"react-bootstrap/Nav\";\r\nimport \"./styles/App.css\";\r\n\r\n\r\nconst App = () => {\r\n    const map = <LeafletMap></LeafletMap>\r\n    const about = <About></About>\r\n    const [view, setView] = useState(map);\r\n\r\n    const onSelect = selectedKey => {\r\n        switch (selectedKey) {\r\n            case \"map\":\r\n                setView(map);\r\n                break;\r\n            case \"about\":\r\n                setView(about);\r\n                break;\r\n            default:\r\n                setView(map);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div>\r\n            <Navbar className = 'color-nav' expand=\"lg\">\r\n                <Navbar.Brand>COVID-19 Map</Navbar.Brand>\r\n                <Navbar.Toggle aria-controls=\"basic-navbar-nav\" />\r\n                <Navbar.Collapse id=\"basic-navbar-nav\">\r\n                    <Nav\r\n                        activeKey=\"map\"\r\n                        onSelect={selectedKey => onSelect(selectedKey)}\r\n                    >\r\n                        <Nav.Item>\r\n                            <Nav.Link eventKey=\"map\">Map</Nav.Link>\r\n                        </Nav.Item>\r\n                        <Nav.Item>\r\n                            <Nav.Link eventKey=\"about\">About</Nav.Link>\r\n                        </Nav.Item>\r\n                    </Nav>\r\n                </Navbar.Collapse>\r\n            </Navbar>\r\n            {view}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport {Route, Switch, BrowserRouter as Router } from \"react-router-dom\";\r\n\r\nimport Error from './error.js';\r\nimport App from './App.js';\r\n\r\n\r\nconst Routes =() =>{\r\n    return(\r\n    <Router>\r\n     <Switch>\r\n        <Route exact path=\"/\"component={App}/>\r\n        <Route exact path=\"/error\"component={Error}/>\r\n        <Route component={Error}/>\r\n    </Switch>\r\n    </Router>\r\n    );\r\n};\r\n\r\nexport default Routes","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport Routes from './routes.js';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <Routes />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","module.exports = __webpack_public_path__ + \"static/media/downArrow.3d5d33e5.png\";","module.exports = __webpack_public_path__ + \"static/media/downArrowDark.73ccab06.png\";","module.exports = __webpack_public_path__ + \"static/media/upArrow.e22fe679.png\";","module.exports = __webpack_public_path__ + \"static/media/upArrowDark.b5db21f7.png\";"],"sourceRoot":""}