\n
\n \n
\n \n );\n}\n\nexport default Login;","import React, { useState, useEffect } from \"react\";\nimport { Spinner } from 'react-bootstrap';\nimport { getLoggedIn } from \"../../serverUtils/authentication\";\nimport CounterPanel from \"./CounterPanel\";\nimport Login from \"./Login\";\nimport '../DivStyles.css';\n\nfunction Admin() {\n const [loggedIn, setLoggedIn] = useState();\n\n useEffect(() => {\n getLoggedIn()\n .then(data => { setLoggedIn(data.loggedIn) })\n .catch(console.error);\n }, []);\n\n return (\n
\n {loggedIn !== undefined\n ? loggedIn\n ?
\n :
\n :
\n }\n
\n );\n}\n \nexport default Admin;\n","import React from \"react\";\nimport { Row, Col } from \"react-bootstrap\";\nimport './CountDisplay.css';\n\nfunction CountDisplay({countMembers, countGuests, lastUpdate, maxCount} = {countMembers: 0, countGuests : 0, lastUpdate: 0, maxCount: 0}) {\n\n var lastUpdateDateString = \"--\";\n if(lastUpdate !== undefined) {\n const lastUpdateDate = new Date(0);\n lastUpdateDate.setUTCSeconds(lastUpdate);\n lastUpdateDateString = lastUpdateDate.toLocaleString(\n \"en-GB\",\n {\n dateStyle: \"long\",\n timeStyle: \"short\"\n }\n );\n }\n\n return (\n
\n \n \n \n
\n \n \n
\n \n \n {countGuests === undefined || countMembers === undefined ? \"\" : countGuests + countMembers}
\n
\n \n \n Last reported on: {lastUpdateDateString}\n
\n
\n \n
\n ); \n}\n\nexport default CountDisplay;\n","import React from \"react\";\nimport { Row } from \"react-bootstrap\";\nimport './NotLive.css';\n\nfunction NotLive() {\n return (\n
\n \n
\n \n Counter is not live\n
\n
\n
\n );\n};\n\nexport default NotLive;","import React from \"react\";\nimport { Alert } from \"react-bootstrap\";\nimport Spinner from 'react-bootstrap/Spinner';\nimport { CountContext } from \"../../contexts\";\nimport CountDisplay from \"./CountDisplay\";\nimport '../DivStyles.css';\nimport NotLive from \"./NotLive\";\n\nfunction Home() {\n return (\n
\n {context => \n \n {!context.failed\n ? context.live !== undefined\n ? context.live\n ?
\n :
\n :
\n :
Failed to fetch data from server.
Either server is down or you've lost your connection.\n }\n
\n );\n};\n\nexport default Home;\n","function NotFound() {\n return (\n
\n NotFound!\n
\n );\n }\n \n export default NotFound;","import {\n BrowserRouter as Router,\n Switch,\n Route\n} from \"react-router-dom\";\n\nimport Admin from './pages/Admin/Admin';\nimport Home from './pages/Display/Home';\nimport NotFound from './pages/NotFound';\nimport { useState, useEffect, useCallback } from 'react';\nimport { CountContext } from './contexts';\nimport { getCountInfo } from './serverUtils/count'\n\nfunction App() {\n const maxFailCount = 10;\n\n const [live, setLive] = useState(undefined);\n const [countMembers, setCountMembers] = useState(undefined);\n const [countGuests, setCountGuests] = useState(undefined);\n const [lastUpdate, setLastUpdate] = useState(undefined);\n const [maxCount, setMaxCount] = useState(undefined);\n const [failed, setFailed] = useState(false);\n const [failCount, setFailCount] = useState(0);\n\n const updateCountContext = useCallback(async () => {\n return await getCountInfo().then(countInfo => {\n setLive(countInfo.live === \"true\");\n setCountMembers(parseInt(countInfo?.countMembers));\n setCountGuests(parseInt(countInfo?.countGuests));\n setLastUpdate(parseInt(countInfo?.lastUpdate));\n setMaxCount(parseInt(countInfo?.maxCount));\n setFailed(false);\n\n return true;\n }).catch(() => {\n return false;\n });\n }, []);\n\n useEffect(() => {\n if (countMembers === undefined && countGuests === undefined && failCount === 0) {\n updateCountContext();\n }\n }, [countMembers, countGuests, failCount, updateCountContext]);\n\n const updateAndCountFailures = useCallback(async () => {\n if (await updateCountContext()) {\n setFailCount(0);\n } else {\n setFailCount(failCount + 1);\n if( failCount + 1 >= maxFailCount ) {\n setFailed(true);\n }\n }\n }, [failCount, updateCountContext])\n\n useEffect(() => {\n const interval = setInterval(async () => {\n updateAndCountFailures();\n }, 500);\n return () => clearInterval(interval);\n }, [updateAndCountFailures])\n\n\n const contextValue = {\n live: live,\n countMembers: countMembers,\n countGuests: countGuests,\n lastUpdate: lastUpdate,\n maxCount: maxCount,\n failed: failed,\n setCountMembers: setCountMembers,\n setCountGuests: setCountGuests\n };\n\n\n const rootPath = process.env.REACT_APP_ROOT_PATH || \"\";\n \n return (\n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n
\n \n ,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}