\n { tags.join(', ') }\n { food }\n \n \n )\n}\n\nRestaurantCard.propTypes = {\n name: PropTypes.string.isRequired,\n food: PropTypes.string.isRequired,\n tags: PropTypes.array,\n startTime: PropTypes.object,\n endTime: PropTypes.object,\n isFocused: PropTypes.bool,\n setRestaurantFocus: PropTypes.func.isRequired,\n seeLocation: PropTypes.func.isRequired\n}\n\nexport default RestaurantCard","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from \"@material-ui/core\";\nimport RestaurantCard from './RestaurantCard';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n marginBottom: '10vh',\n maxHeight: 'calc(100% - 126px)',\n overflow: 'scroll'\n }\n}))\n\nfunction DisplayRestaurants ({ restaurants, restaurantFocus, setRestaurantFocus, seeLocation, ...props}) {\n const classes = useStyles(props)\n\n return (\n \n {\n restaurants.map(({ id, name, food, tags, startTime, endTime }, index) => {\n const isFocused = restaurantFocus === id\n return {\n setRestaurantFocus(id === restaurantFocus ? undefined : id)\n }}\n isFocused={isFocused}\n food={food}\n name={name}\n tags={tags}\n startTime={startTime}\n endTime={endTime}\n seeLocation={seeLocation}\n />\n })\n }\n
\n )\n}\n\nDisplayRestaurants.propTypes = {\n restaurantFocus: PropTypes.string,\n setRestaurantFocus: PropTypes.func.isRequired,\n seeLocation: PropTypes.func.isRequired,\n restaurants: PropTypes.array.isRequired\n}\n\nexport default DisplayRestaurants\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Paper, makeStyles } from \"@material-ui/core\"\nimport { OverlayView, InfoWindow } from \"@react-google-maps/api\";\n\nconst useStyles = makeStyles(theme => ({\n paper: {\n padding: theme.spacing(1),\n maxWidth: 200,\n zIndex: 1500,\n border: \"none\"\n },\n closeButton: {\n padding: 0,\n flexGrow: 1\n },\n customIcon: {\n zIndex: 900\n },\n customOverlay: {\n zIndex: 1000\n }\n}))\n\nfunction PointOfInterest ({ CustomIcon, coordinates, open = false, setFocused, children, ...props }) {\n const classes = useStyles(props)\n\n function toggleOpen () {\n setFocused(open ? undefined : props.id)\n }\n\n function renderInfoWindow () {\n return open ? \n \n {\n children\n }\n \n \n : ''\n }\n\n return \n \n {\n toggleOpen()\n }}/>\n \n\n {\n renderInfoWindow()\n }\n\n \n}\n\nPointOfInterest.propTypes = {\n id: PropTypes.string.isRequired,\n coordinates: PropTypes.shape({\n lng: PropTypes.number,\n lat: PropTypes.number\n }).isRequired,\n open: PropTypes.bool,\n setFocused: PropTypes.func.isRequired,\n CustomIcon: PropTypes.object.isRequired\n}\n\nexport default PointOfInterest\n","import React from 'react'\nimport { Dialog, DialogTitle, TextField, Button } from '@material-ui/core'\nimport Axios from 'axios'\n\nfunction AddRestaurant () {\n const isOpen = window.location.search.includes('addpoi')\n\n async function saveData (e) {\n e.preventDefault()\n }\n\n return (\n \n )\n}\n\nexport default AddRestaurant","import React, { useState, useEffect } from 'react';\nimport {\n MuiThemeProvider,\n createMuiTheme,\n Container,\n Typography,\n Paper,\n makeStyles\n} from '@material-ui/core'\nimport Axios from 'axios'\nimport { AppBar, CoreComponentSwitch } from './modules/Navigation'\nimport { TableSchedule } from './modules/Schedule'\nimport { MapContainer, MyLocation, Restaurant} from './modules/Map'\nimport Schedule from './data/Schedule'\nimport Restaurants from \"./data/Restaurants\";\nimport Bars from \"./data/Bars\";\nimport Games from './data/Games'\nimport PhotoBooth from \"./data/PhotoBooth\";\nimport Music from './data/Music'\nimport Others from './data/Others'\nimport { DisplayRestaurants } from \"./modules/Restaurants\";\nimport PointOfInterest from \"./modules/Map/components/PointOfInterest\";\nimport AddRestaurant from \"./modules/Restaurants/AddRestaurant\"\n\nconst theme = createMuiTheme({\n palette: {\n primary: {main: \"rgb(92, 175, 176)\"},\n secondary: {main: \"rgb(246, 147, 32)\"},\n type: window.location.search.includes('dark') ? 'dark': 'light'\n }\n})\n\nconst useStyles = makeStyles(theme => ({\n appBar: {\n height: \"10vh\",\n backgroundColor: theme.palette.background.paper\n },\n appBackground: {\n position: 'absolute',\n top: 0,\n height: '100vh',\n width: '100vw'\n },\n appContainer: {\n margin: '0',\n padding: '0',\n marginTop: '10vh',\n height: '80vh',\n width: '100vw',\n position: \"relative\"\n },\n clickAway: {\n position: 'fixed',\n top: 0,\n left: 0,\n height: '100vh',\n width: '100vw',\n backgroundColor: theme.palette.background.paper\n },\n logo: {\n display: 'block',\n margin: 'auto',\n height: '66px',\n width: '100px'\n },\n menuButton: {\n display: 'none',\n marginRight: theme.spacing(2)\n },\n zooMap: {\n maxWidth: '100vw'\n },\n showMap: {\n\n },\n hideMap: {\n visibility: 'hidden'\n }\n}))\n\nfunction App() {\n const [ open, setOpen ] = useState(false)\n const [ focus, setFocus ] = useState('Map')\n const [ restaurants, setRestaurants ] = useState([])\n\n const [ poiFocus, setPoiFocus] = useState(undefined)\n const classes = useStyles()\n\n useEffect(() => {\n\n async function fetchData() {\n // const { data } = await Axios.get('https://zoolala.events/api')\n // setRestaurants(data)\n }\n fetchData()\n })\n\n function focusedComponent () {\n switch ( focus ) {\n default:\n return \n case 'Schedule':\n return \n case 'Restaurants':\n return {\n setFocus('Map')\n }}\n />\n }\n }\n\n return (\n \n \n\n \n\n \n\n {\n open\n ? {\n setOpen(false)\n }} className={classes.clickAway}/>\n : ''\n }\n\n
\n\n { focusedComponent() }\n\n id === poiFocus )[0]\n .coordinates\n : undefined\n }\n >\n \n \n\n {/* {\n Schedule.map((event, index) => {\n return \n {event.event}\n {event.startTime.getDateByHour()}-{event.endTime.getDateByHour()}\n { event.description }\n \n })\n } */}\n\n {\n restaurants.map((food, index) => {\n setFocus('Restaurants')\n setPoiFocus(food.id)\n }}\n {...food}\n />)\n }\n\n {/* {\n Bars.map((bar, index) => {\n return \n {bar.name}\n \n })\n } */}\n\n {/* {\n Games.map((game, index) => {\n return \n {game.name}\n \n })\n } */}\n\n {/* {\n PhotoBooth.map((photo, index) => {\n return \n {photo.name}\n \n })\n } */}\n\n {/* {\n PhotoBooth.map((photo, index) => {\n return \n {photo.name}\n \n })\n } */}\n\n {/* {\n Music.map((music, index) => {\n return \n {music.name}\n \n })\n } */}\n\n {/* {\n Others.map((other, index) => {\n return \n {other.name}\n \n })\n } */}\n\n \n \n\n \n\n
{\n setFocus(navFocus)\n setPoiFocus(undefined)\n }}\n />\n \n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport {\n ApolloProvider,\n ApolloClient,\n HttpLink,\n InMemoryCache,\n } from \"@apollo/client\";\n\nimport * as Realm from \"realm-web\"\n\nexport const APP_ID = \"zoolala-nnckr\";\n\nconst app = new Realm.App({ id: APP_ID })\n\n// Gets a valid Realm user access token to authenticate requests\nasync function getValidAccessToken() {\n // Guarantee that there's a logged in user with a valid access token\n if (!app.currentUser) {\n // If no user is logged in, log in an anonymous user. The logged in user will have a valid\n // access token.\n await app.logIn(Realm.Credentials.anonymous());\n } else {\n // An already logged in user's access token might be stale. To guarantee that the token is\n // valid, we refresh the user's custom data which also refreshes their access token.\n await app.currentUser.refreshCustomData();\n }\n\n return app.currentUser.accessToken;\n}\n \n// Configure the ApolloClient to connect to your app's GraphQL endpoint\nconst client = new ApolloClient({\n link: new HttpLink({\n uri: `https://realm.mongodb.com/api/client/v2.0/app/${APP_ID}/graphql`,\n // We define a custom fetch handler for the Apollo client that lets us authenticate GraphQL requests.\n // The function intercepts every Apollo HTTP request and adds an Authorization header with a valid\n // access token before sending the request.\n fetch: async (uri, options) => {\n const accessToken = await getValidAccessToken();\n options.headers.Authorization = `Bearer ${accessToken}`;\n return fetch(uri, options);\n },\n }),\n cache: new InMemoryCache()\n});\n\nReactDOM.render(\n \n, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}