\n
\n ))}\n \n
\n\n {/* */}\n
\n {dragging.current && \n \n
\n\n \n
\n \n
\n )\n}\n\nexport default PreviousBooking\n","import React, { useContext, useEffect, useRef, useState } from 'react'\nimport _, { set } from 'lodash'\nimport { ReactComponent as Arrow } from '../images/uparrow.svg'\nimport { ReactComponent as SeatIcon } from '../images/seaticon.svg'\nimport CurrentBooking from '../comps/flexbooking/CurrentBooking'\nimport {previousBookings} from '../comps/flexbooking/dummybookings'\nimport PreviousBooking from '../comps/flexbooking/PreviousBooking'\nimport { calculatePrice, maxSeats, timeSlots } from '../comps/flexbooking/flexprice'\nimport { AppContext } from '../context/AppContext'\n\n//const prevBooking = previousBookings[3]\n\nconst BookTripFlextime = () => {\n\n const {setPrevPage, setNextPage} = useContext(AppContext)\n const [prevBooking, setPrevBooking] = useState(previousBookings[0])\n\n setPrevPage(\"/booktrip\")\n setNextPage(\"/booktrip/summary\")\n\n\n\n let timeIndicators = []\n\n const {setTripDetails, tripDetails, preBookedSeats, setPreBookedSeats} = useContext(AppContext)\n const [currentBooking, setCurrentBooking] = useState({\n startRow: 1,\n width: parseInt(tripDetails.travellers),\n height: 6,\n })\n const [bookedSeats, setBookedSeats] = useState([])\n\n let times = [...Array(timeSlots)].map((v, ind) => {\n const hour = ('' + (ind/2|0)).padStart(2, '0')\n const minutes = (ind % 2) ? '30' : '00'\n return { hour, minutes }\n })\n\n const calculatePreBookedSeats = () => {\n let seats = Array(timeSlots).fill(0)\n prevBooking.forEach(booking => {\n const startRow = booking.row - 1\n const endRow = startRow + booking.size\n\n for (let i = startRow; i < endRow; i++) {\n seats[i] = seats[i] + 1\n }\n })\n return seats\n }\n\n const calculateSeats = () => {\n let seats = Array(timeSlots).fill(0)\n prevBooking.forEach(booking => {\n const startRow = booking.row - 1\n const endRow = startRow + booking.size\n\n for (let i = startRow; i < endRow; i++) {\n seats[i] = seats[i] + 1\n }\n })\n const startRow = currentBooking.startRow -1\n const endRow = startRow+currentBooking.height\n\n for (let i = startRow; i < endRow; i++) {\n seats[i] = seats[i] + currentBooking.width\n }\n \n\n\n return seats\n }\n\n useEffect(() => {\n if (currentBooking.width != tripDetails.travellers) {\n setCurrentBooking(prev => ({...prev, width: parseInt(tripDetails.travellers)}))\n }\n if (tripDetails.date) {\n const dateValue = parseInt(tripDetails.date.replaceAll('-',''))\n console.log(tripDetails.date, dateValue)\n setPrevBooking(previousBookings[dateValue % previousBookings.length])\n const newSeats = calculateSeats()\n setPreBookedSeats(calculatePreBookedSeats())\n setBookedSeats(newSeats)\n }\n\n }, [tripDetails])\n\n useEffect(() => {\n const newSeats = calculateSeats()\n setPreBookedSeats(calculatePreBookedSeats())\n setBookedSeats(newSeats)\n\n const filteredSeats = newSeats\n .map(s => maxSeats-s)\n .filter((_,i) => i >= currentBooking.startRow-1 && i < (currentBooking.startRow + currentBooking.height-1))\n .filter(s => s >= 0)\n\n console.log(filteredSeats)\n const {priceFrom,priceTo,flexReduction,minSeatReduction} = calculatePrice(currentBooking.height, Math.min(...filteredSeats),Math.max(...filteredSeats))\n\n const depFromIndex = currentBooking.startRow-1\n const depToIndex = depFromIndex + currentBooking.height\n const arrFromIndex = depFromIndex + 2\n const arrToIndex = depToIndex + 2\n const depFrom = `${times[depFromIndex].hour}:${times[depFromIndex].minutes}`\n const depTo = `${times[depToIndex].hour}:${times[depToIndex].minutes}`\n const arrFrom = `${times[arrFromIndex].hour}:${times[arrFromIndex].minutes}`\n const arrTo = `${times[arrToIndex].hour}:${times[arrToIndex].minutes}`\n console.log(depFrom,depTo)\n\n setTripDetails(prev => ({...prev,\n priceFrom,priceTo,\n priceFlexRed:flexReduction, priceFillRed: minSeatReduction,\n depFrom, depTo, arrFrom, arrTo,\n }))\n\n }, [currentBooking])\n\n const [hideinfo, setHideFlexinfo] = useState(false);\n\n const hideFlexinfo = () => {\n if (hideinfo) {\n\n } else {\n setHideFlexinfo(true)\n }\n }\n \n return (\n \n
\n )\n}\n\n\n\nexport default BookTripFlextime;","import React from 'react'\nimport { useState, useContext } from 'react'\nimport { AppContext } from '../context/AppContext'\nimport {\n Switch,\n Route,\n Link, useLocation, Redirect\n} from 'react-router-dom'\n\nconst MyLocation = () => {\n\n \n const {tripDetails, setTripDetails, setGeoAddress} = useContext(AppContext)\n \n const updateGeoAddress = (evt) => {\n evt.preventDefault()\n console.log(tripDetails.location)\n setGeoAddress(tripDetails.location)\n }\n \n\n const updatetripDetails = (evt) => {\n setTripDetails({...tripDetails, [evt.target.id]: evt.target.value})\n } \n\n return (\n \n
\n\n Th flexible time picker
\nWe at Volta have revolitionized the way of travel. With our short distance electrical flights our aim is to always fly with as full planes as possible. \n In this screen you see the existing bookings for your travel day. Use the yellow box to select the time you are able to leave, the more flexible you are the less you pay on your ticket! Also if you try to fill a time where others already have booked (striped areas) your price reduction will be even more!
\n \n\n
\n \n {[...Array(maxSeats)].map((_,i) => (\n \n ))}\n
\n {times.map((t, i) => (\n \n {t.hour}\n {t.minutes}\n \n ))}\n {prevBooking.map(((booking, i) => (\n \n \n
\n )\n}\n\nexport default MyLocation","import React, { useContext } from 'react'\nimport { useState, useEffect } from 'react'\nimport MyLocation from './MyLocation'\nimport { AppContext } from '../context/AppContext'\nimport {ReactComponent as BusIcon} from '../images/icon_bus.svg'\nimport {ReactComponent as TaxiIcon} from '../images/icon_taxi.svg'\nimport {ReactComponent as EvtolIcon} from '../images/icon_evtol.svg'\n\n \n const CommuteIcon = ({options}) => {\n if (options == 'commute-bus') {\n return \n \n
\n )\n}\n\nexport default TripInfo;","import React from 'react'\nimport { useContext, useState } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport BookTripDetails from './BookTripDetails'\nimport BookTripFlextime from './BookTripFlextime'\nimport MyLocation from '../comps/MyLocation.js'\nimport TripInfo from '../comps/TripInfo'\nimport {AppContext} from '../context/AppContext'\nimport {ReactComponent as BusIcon} from '../images/icon_bus.svg'\nimport {ReactComponent as TaxiIcon} from '../images/icon_taxi.svg'\nimport {ReactComponent as EvtolIcon} from '../images/icon_evtol.svg'\n\n\nconst BookTripCommute = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n\n\n // const [commuteOptions.from, setCommuteOptions.from] = useState('commute-bus')\n // const [commuteOptions.to, setCommuteOptions.to] = useState('commute-evtol')\n\n //const [commuteOptions, setCommuteOptions] = useState(AppContext)\n const {commuteOptions, setCommuteOptions} = useContext(AppContext)\n\n const selectFrom = (e) => {\n let thisId = e.currentTarget.id\n \n setCommuteOptions(prev => {\n console.log('updating commute from')\n console.log(commuteOptions.from)\n return {...prev, from: thisId}\n \n })\n }\n\n const selectTo = (e) => {\n let thisId = e.currentTarget.id\n setCommuteOptions(prev => {\n console.log('updating commute to')\n return {...prev, to: thisId}\n })\n}\n\n\n const {tripDetails, prevPage, setPrevPage, nextPage, setNextPage, infoShow, setInfoShow, closestAirports} = useContext(AppContext)\n\n setPrevPage(\"/booktrip/flextime\")\n setNextPage(\"/booktrip/done\")\n console.log(prevPage)\n // setInfoShow(true);\n \n\n return (\n \n
\n \n
\n {tripDetails.location}
\n – \n{tripDetails.destination}
\n\n
\n – \n {closestAirports.to && `${closestAirports.to[0].name} (${closestAirports.to[0].abbreviation})`}
\n
\n
\n – \n {closestAirports.to && `${closestAirports.to[0].name} (${closestAirports.to[0].abbreviation})`}
\n \n \n {tripDetails.booker && \n
\n
\n {tripDetails.date}
\n| Passenger 1 (Booker): | {tripDetails.booker} | \n
| Passenger {parseInt(key) + 1}: | {tripDetails.passengers[key]} | \n
\n \n
\n Departure times
\n Earliest {tripDetails.depFrom}\n Latest {tripDetails.depTo}\n \n \nArrival times
\n Earliest {tripDetails.arrFrom}\n Latest {tripDetails.arrTo}\n \n\n { tripDetails.priceFrom &&\n <>\n \n \n }\n \n
\n Est. price / seat
\n {tripDetails.priceFrom} – {tripDetails.priceTo} SEK\nFlexible reduction
\n {tripDetails.priceFlexRed} SEK\nPlace fill reduction
\n {tripDetails.priceFillRed} SEK\n \n\n
\n \n
\n Flexible reduction
\nThis reduction reflects how flexible you have chosen to be. To get a higher flexible recution make sure that your yellow time selector covers as much times as possible.
\n \n\n
\n \n
\n Place fill reduction
\nThis reduction reflects if you're booking will fill up any planes. The closer you are to filling a plane on any row in the time table. The reduction is based on your \"best\" row. Use the the yellow time selector to choose your flexible time.
\n \n\n
\n )\n}\n\nexport default BookTripCommute\n","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport BookTripDetails from './BookTripDetails'\nimport BookTripFlextime from './BookTripFlextime'\nimport MyLocation from '../comps/MyLocation.js'\nimport TripInfo from '../comps/TripInfo'\nimport {AppContext} from '../context/AppContext'\n\nconst BookTripFooter = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n\n const {tripDetails, prevPage, setPrevPage, nextPage, setNextPage, infoShow, setInfoShow} = useContext(AppContext)\n\n return (\n \n )\n}\n\nexport default BookTripFooter\n","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport BookTripDetails from './BookTripDetails'\nimport BookTripFlextime from './BookTripFlextime'\nimport MyLocation from '../comps/MyLocation.js'\nimport TripInfo from '../comps/TripInfo'\nimport {AppContext} from '../context/AppContext'\n\nconst BookTripDone = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n const {tripDetails, prevPage, setPrevPage, nextPage, setNextPage, infoShow, setInfoShow} = useContext(AppContext)\n setInfoShow(true)\n\n return (\n \n
\n Choose travel to/from airport(s)
\n\n
\n {tripDetails.location}
to
{closestAirports.from && `${closestAirports.from[0].name} (${closestAirports.from[0].abbreviation})` }
\n\n \n \n \n
\n \n
\n {tripDetails.destination}
to
{closestAirports.to && `${closestAirports.to[0].name} (${closestAirports.to[0].abbreviation})` }
\n\n \n \n \n
\n \n \n
\n )\n}\n\nexport default BookTripDone\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.793 91.0087L161.41 70.5368C168.828 67.651 176.951 69.6388 182.38 74.9444C183.259 74.6727 184.11 74.3884 184.977 74.1447C189.14 72.8993 198.255 71.9039 200.39 77.3915C201.157 79.363 200.247 83.0867 199.163 84.6551C197.828 86.5786 195.727 88.1217 193.587 89.3289C192.819 89.768 192.035 90.1665 191.275 90.5089C190.635 90.8049 188.793 91.5447 186.137 92.6018L134.017 112.88L96.5068 112.568L108.793 91.0087Z\",\n fill: \"#766B44\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M137.918 96.9622L137.935 96.8871L121.518 103.275L108.484 108.346L108.749 91.3027L107.288 24.8906L85.6658 100.284L53.4551 114.19L19.4979 103.526C16.7509 102.649 14.6523 106.029 16.6341 108.119L30.7422 123.004L50.7016 144.86L108.45 122.392L109.813 190.673L133.232 112.772L133.272 112.757L137.938 96.9545L137.918 96.9622V96.9622Z\",\n fill: \"#C2B45E\"\n});\n\nfunction SvgVoltaAppIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 227,\n height: 212,\n viewBox: \"0 0 227 212\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, _ref3);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgVoltaAppIcon);\nexport default __webpack_public_path__ + \"static/media/volta-app-icon.5f1c3d4a.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport {AppContext} from '../context/AppContext'\nimport {ReactComponent as VoltaIcon} from '../images/volta-app-icon.svg'\n\nconst BookTripIphone = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n const {tripDetails, prevPage, setPrevPage, nextPage, setNextPage, infoShow, setInfoShow} = useContext(AppContext)\n setInfoShow(true)\n\n return (\n Your booking is confirmed
\n\n
\n \n What will happen now?
\nYour flexible booking has been registered. Two days before departure day your trip will be set and you will recieve updated travel details.\n
\nThank you for using Volta Electric Flight
\n\n
\n Ok!
\n\n \n ![](\"https://i.redd.it/7lnjrtx9agwz.jpg\")
\n \n
\n )\n}\n\nexport default BookTripIphone\n","import React, { useContext } from 'react'\nimport {useState } from 'react'\nimport MyLocation from './MyLocation'\nimport { AppContext } from '../context/AppContext'\nimport {ReactComponent as BusIcon} from '../images/icon_bus.svg'\nimport {ReactComponent as TaxiIcon} from '../images/icon_taxi.svg'\nimport {ReactComponent as EvtolIcon} from '../images/icon_evtol.svg'\n\n\n\nconst CommuteIcon = ({options}) => {\n if (options == 'commute-bus') {\n return \n \n \n \n
\n )\n}\n\nexport default TripInfoFinal","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport BookTripDetails from './BookTripDetails'\nimport BookTripFlextime from './BookTripFlextime'\nimport MyLocation from '../comps/MyLocation.js'\nimport TripInfoFinal from '../comps/TripInfoFinal'\nimport {AppContext} from '../context/AppContext'\n\nconst BookTripFinal = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n const {tripDetails, prevPage, setPrevPage, nextPage, setNextPage, infoShow, setInfoShow} = useContext(AppContext)\n setInfoShow(true)\n\n return (\n \n
\n \n
\n {tripDetails.location}
\n – \n{tripDetails.destination}
\n\n {closestAirports.from && `${closestAirports.from[0].name} (${closestAirports.from[0].abbreviation})` }
\n – \n {closestAirports.to && `${closestAirports.to[0].name} (${closestAirports.to[0].abbreviation})`}
\n
\n {closestAirports.from && `${closestAirports.from[0].name} (${closestAirports.from[0].abbreviation})` }
\n – \n {closestAirports.to && `${closestAirports.to[0].name} (${closestAirports.to[0].abbreviation})`}
\n \n \n {tripDetails.booker && \n
\n
\n {tripDetails.date}
\n| Passenger 1 (Booker): | {tripDetails.booker} | \n
| Passenger {parseInt(key) + 1}: | {tripDetails.passengers[key]} | \n
\n \n
\n Departure
\n {tripDetails.depFrom}\n \n \nArrival
\n {tripDetails.arrFrom}\n \n\n {tripDetails.priceFrom &&\n \n \n
\n Final price
\n {tripDetails.priceFrom} SEK\nFlexible reduction
\n {tripDetails.priceFlexRed} SEK\nPlace fill reduction
\n {tripDetails.priceFillRed} SEK\n \n }\n \n\n
\n )\n}\n\nexport default BookTripFinal\n","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport BookTripDetails from './BookTripDetails'\nimport BookTripFlextime from './BookTripFlextime'\nimport MyLocation from '../comps/MyLocation.js'\nimport TripInfo from '../comps/TripInfo'\nimport {AppContext} from '../context/AppContext'\nimport BookTripCommute from './BookTripCommute'\nimport BookTripFooter from './BookTripFooter'\nimport BookTripDone from './BookTripDone'\nimport BookTripIphone from './BookTripIphone'\nimport BookTripFinal from './BookTripFinal'\n\nconst BookTrip = () => {\n let match = useRouteMatch()\n const location = useLocation()\n console.log(match.path)\n\n const {prevPage, setPrevPage, nextPage, setNextPage} = useContext(AppContext) \n \n\n\n\n return (\n Your time has been set
\n\n
\n Get boarding pass
\nTo main page
\n\n
\n )\n}\n\nexport default BookTrip\n","import React from 'react'\n\nconst MyBookings = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n\n
\n \n \n Here goes my bookings.\n
\n )\n}\n\nexport default MyBookings\n","export const airports = [\n {name: 'Bodö', abbreviation: 'BOO', latLng: {lat: 67.26822, lng: 14.36259}},\n {name: 'Mo i Rana', abbreviation: 'MQN', latLng: {lat: 66.36400, lng: 14.30292}},\n {name: 'Hemavan Tärnaby', abbreviation: 'HMV', latLng: {lat: 65.81199, lng: 15.07793}},\n {name: 'Storuman', abbreviation: 'SQO', latLng: {lat: 64.96072, lng: 17.69704}},\n {name: 'Lycksele', abbreviation: 'LYC', latLng: {lat: 64.55155, lng: 18.70764}},\n {name: 'Vilhelmina', abbreviation: 'VHM', latLng: {lat: 64.57919, lng: 16.83666}},\n {name: 'Arvidsjaur', abbreviation: 'AJR', latLng: {lat: 65.59497, lng: 19.26687}},\n {name: 'Luleå', abbreviation: 'LLA', latLng: {lat: 65.54293, lng: 22.12367}},\n {name: 'Skellefteå', abbreviation: 'SFT', latLng: {lat: 64.62575, lng: 21.06898}},\n {name: 'Umeå', abbreviation: 'UME', latLng: {lat: 63.79162, lng: 20.28378}},\n {name: 'Örnsköldsvik', abbreviation: 'OER', latLng: {lat: 63.40816, lng: 18.99159}},\n {name: 'Sundsvall', abbreviation: 'SDL', latLng: {lat: 62.52629, lng: 17.44551}},\n {name: 'Åre-Östersund', abbreviation: 'OSD', latLng: {lat: 63.19554, lng: 14.49453}},\n {name: 'Trondheim', abbreviation: 'TRD', latLng: {lat: 63.45804, lng: 10.92442}},\n {name: 'Vasa', abbreviation: 'VAA', latLng: {lat: 63.05059, lng: 21.76288}},\n {name: 'Kokkola', abbreviation: 'KOK', latLng: {lat: 63.72088, lng: 23.14389}},\n {name: 'Seinäjoki', abbreviation: 'SJY', latLng: {lat: 62.69352, lng: 22.82853}},\n {name: 'Oulu', abbreviation: 'OUL', latLng: {lat: 64.93013, lng: 25.35503}},\n]\n\nexport const calculateDistance = (latLng1, latLng2) => {\n const earthRadius = 6371e3\n const phi1 = latLng1.lat * Math.PI/180\n const phi2 = latLng2.lat * Math.PI/180\n //const deltaPhi = (latLng2.lat - latLng1.lat) * Math.PI/180\n const deltaLambda = (latLng2.lng - latLng1.lng) * Math.PI/180\n\n const distance = Math.acos(Math.sin(phi1)*Math.sin(phi2) + Math.cos(phi1)*Math.cos(phi2)*Math.cos(deltaLambda)) * earthRadius\n\n return distance/1000\n}","import { last } from 'lodash'\nimport React, { useContext, useEffect, useState } from 'react'\nimport { AppContext } from '../context/AppContext'\nimport { airports, calculateDistance } from '../data/airports'\n\nconst StreetViewBG = ({pressFunction}) => {\n const API = 'AIzaSyBZwGVxjJ7T6EQeL4kTCwjYy6u6ZufeXMY'\n let geoLatLng = '63.82343800,20.27157200' //Storgatan\n const {geoAddress,tripDetails,setClosestAirports} = useContext(AppContext)\n let mapOptions = '&heading=210&pitch=10&fov=35'\n\n let fetchMap = \"https://maps.googleapis.com/maps/api/geocode/json?address=\" + geoAddress + \"&key=\" + API\n\n //let mapUrl = 'https://www.google.com/maps/embed/v1/streetview?key=' + API + '&location=' + geoLatLng + mapOptions\n let mapUrl\n \n const [location, setLocation] = useState(mapUrl)\n\n useEffect(() => {\n if (!geoAddress) return\n\n fetch(fetchMap)\n .then(response => response.json())\n .then(data => {\n console.log(data)\n if (!data.results[0]) return\n const latLng = data.results[0].geometry.location\n const { lat, lng } = latLng\n geoLatLng = lat + \",\" + lng\n console.log(geoLatLng)\n mapUrl = 'https://www.google.com/maps/embed/v1/streetview?key=' + API + '&location=' + geoLatLng + mapOptions\n\n const airportDistances = airports\n .map(airport => ({...airport, distance: calculateDistance(airport.latLng, latLng)}))\n .map(airport => ({...airport, distanceString: `${airport.distance < 10 ? airport.distance.toFixed(1) : airport.distance.toFixed(0)}km`}))\n .sort((a,b) => a.distance - b.distance)\n\n console.log(airportDistances)\n if (geoAddress === tripDetails.location) {\n setClosestAirports(prev => {\n console.log('updating from airports')\n return {...prev, from: airportDistances}\n })\n } else {\n setClosestAirports(prev => {\n console.log('updating to airports')\n return {...prev, to: airportDistances}\n })\n }\n\n\n setLocation(mapUrl)\n })\n }, [geoAddress])\n\n return (\n \n {/* */}\n \n
\n )\n}\n\nexport default StreetViewBG","import React from 'react'\nimport { useState } from 'react'\nimport {\n Switch,\n Route,\n Link, useLocation, Redirect\n } from 'react-router-dom'\n\nconst TopNav = () => {\n const [burgerShow, setBurgerShow] = useState(false);\n\n const toggleBurgerNav = () => {\n if (burgerShow) {\n setBurgerShow(false)\n } else {\n setBurgerShow(true)\n }\n }\n \n return (\n \n
\n \n \n \n
\n )\n}\n\nexport default TopNav","export default __webpack_public_path__ + \"static/media/FAIR_logo_RGB.3ea9738a.png\";","export default __webpack_public_path__ + \"static/media/BA-ENG-RGB.61d305ec.png\";","export default __webpack_public_path__ + \"static/media/RISE_BLACK.12699e29.png\";","import React from 'react'\nimport { useContext } from 'react'\nimport { Route, Link, Switch, useLocation, useRouteMatch} from 'react-router-dom'\nimport fairLogo from '../images/FAIR_logo_RGB.png';\nimport BAlogo from '../images/BA-ENG-RGB.png';\nimport RISElogo from '../images/RISE_BLACK.png';\n\nconst About = () => {\n \n \n\n\n\n return (\n \n
\n )\n}\n\nexport default About\n","\nimport './App.css'\nimport './styles/main.scss'\nimport {\n useContext, useState\n} from 'react'\nimport {\n Switch,\n Route,\n Link, useLocation, Redirect\n} from 'react-router-dom'\nimport BookTrip from './pages/BookTrip'\nimport MyBookings from './pages/MyBookings'\nimport StreetViewBG from './comps/StreetviewBG'\nimport TopNav from './comps/TopNav'\nimport MyLocation from './comps/MyLocation'\nimport {AppContext} from './context/AppContext'\nimport About from './pages/About'\n\n\nfunction App() {\n\n const [fadeMobile, setFadeMobile] = useState(false)\n const {setGeoAddress, tripDetails} = useContext(AppContext)\n\n const fadeMobileView = () => {\n //NOT WORKING WITH IFRAME\n console.log('hide')\n if (fadeMobile) {\n setFadeMobile(false)\n } else {\n setFadeMobile(true)\n }\n }\n \n return (\n \n
\n \n \n
\n\n About Volta and the Fair project
\nThe Volta prototype is the booking website of an imaginary future electric airline servicing the Kvarken region, speculating on the user-experience of
on-demand regional aviation. Three key features set this system apart from air travel as we know it. There is no schedule, pricing directly reflects flexibility and travel is booked from address to address. The aim of Volta is to make a possible new form of future travel experienceable, in order raise discussion on what is desired.\n\n
\n {/*
\n\n\n Partners
\nThe Fair project is a collaboration between
*/}\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';\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport AppContextProvider from './context/AppContext';\n\nReactDOM.render(\n \n
\n \n \n \n
\n \n
\n \n
\n Volta
\n\n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n