diff --git a/src/Odyssey/Odyssey.js b/src/Odyssey/Odyssey.js index 335e847..0c0d6c9 100644 --- a/src/Odyssey/Odyssey.js +++ b/src/Odyssey/Odyssey.js @@ -1,5 +1,5 @@ import React from 'react'; -import { Grid, Button } from "@mui/material"; +import { Grid, Button, Stack, Container } from "@mui/material"; // Import other components import SharePage from "./SharePage.js"; import html2canvas from "html2canvas"; @@ -87,26 +87,34 @@ const Odyssey = ({ setPosterName={setPosterName} /> - - - - - - - - + + + + + + ); }; diff --git a/src/Odyssey/SharePageList.js b/src/Odyssey/SharePageList.js index 783af23..0271377 100644 --- a/src/Odyssey/SharePageList.js +++ b/src/Odyssey/SharePageList.js @@ -10,9 +10,10 @@ function formattedDate(incomingDate) { const SharePageList = ({ concerts }) => { return ( - + {concerts.map((concert, index) => ( diff --git a/src/Odyssey/map.js b/src/Odyssey/map.js index eedd20d..c1dc860 100644 --- a/src/Odyssey/map.js +++ b/src/Odyssey/map.js @@ -7,7 +7,7 @@ const concertToMarker = (concert) => { id: concert.title + concert.date, name: concert.title, artistImageUrl: concert.image.url, - address: concert.location.address, + address: concert.location.name, position: { lat: concert.location.gpsCoordinate.coords.latitude, lng: concert.location.gpsCoordinate.coords.longitude,