more code clean up

taver-ca · Dec 1, 2024 · 684b6f4 · 684b6f4
1 parent 2fa8023
commit 684b6f4
Show file tree

Hide file tree

Showing 6 changed files with 60 additions and 63 deletions.
diff --git a/src/Odyssey/Odyssey.js b/src/Odyssey/Odyssey.js
@@ -2,8 +2,6 @@ import React from 'react';
 import { Grid, Button, Stack, Box } from "@mui/material";
 // Import other components
 import SharePage from "./SharePage.js";
-import html2canvas from "html2canvas";
-import canvas2image from "@reglendo/canvas2image";
 
 
 function capitalizeFirstChar(str) {

diff --git a/src/Odyssey/SharePage.js b/src/Odyssey/SharePage.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Stack, TextField, Button } from '@mui/material';
+import { Stack, TextField } from '@mui/material';
 import Map from "./map";
 import { useLoadScript } from "@react-google-maps/api"
 import SharePageList from './SharePageList';

diff --git a/src/Odyssey/SharePageList.js b/src/Odyssey/SharePageList.js
@@ -13,7 +13,6 @@ const SharePageList = ({ concerts }) => {
         <List >
             {concerts.map((concert, index) => (
                 <ListItem
-
                     key={index}
                     disablePadding>
                     <ListItemButton>

diff --git a/src/TaleSetup/GetSpotifyPlaylistArtistsWithShows.js b/src/TaleSetup/GetSpotifyPlaylistArtistsWithShows.js
@@ -67,7 +67,7 @@ function GetSpotifyPlaylistArtistsWithShows({ followedArtists, setFollowedArtist
                             "& label": {
                                 color: "white",
                             },
-                            width:{xs:'100%'}
+                            width: { xs: '100%' }
                         }}
                         label="Spotify Playlist URL:"
                         value={spotifyPlayList} onChange={(e) => setSpotifyPlaylist(e.target.value)}

diff --git a/src/TaleSetup/TaleSetup.js b/src/TaleSetup/TaleSetup.js
@@ -3,8 +3,8 @@ import GetSpotifyPlaylistArtistsWithShows from "./GetSpotifyPlaylistArtistsWithS
 import YourSpotifyArtistsWithShows from "./YourSpotifyArtistsWithShows.js";
 import PickDate from "./PickDate.js";
 import ConcertList from "./ConcertList.js";
-import {useRef } from "react";
-import { Grid, Box, Stack } from "@mui/material";
+import { useRef } from "react";
+import { Box, Stack } from "@mui/material";
 
 
 
@@ -44,59 +44,59 @@ const TaleSetup = ({ setStartDate,
     }
 
     return (
-    <Stack sx={{container:true, flexDirection:'column'}} spacing={4}>
-        <Box>
-            <img src={window.location.origin + "/Taver.png"} alt="Taver" />
-        </Box>
-        <PickDate
-            updateStartDateInParent={setStartDate}
-            updateEndDateInParent={setEndDate}
-            artistName={artistName}
-            newArtistList={setArtistList}
-            openDialog={setOpenDialog}
-        />
-        <BaseInput
-            setConcerts={setConcerts}
-            setUserLocation={setUserLocation}
-            setMapStyle={setMapStyle}
-            setAllConcerts={setAllConcerts}
-            startDate={startDate}
-            endDate={endDate}
-            allConcerts={allConcerts}
-            userLocation={userLocation}
-            updateArtistNameInParent={(value) => setArtistName(value)}
-            newArtistList={setArtistList}
-            artistListFromParent={artistList}
-            followedArtists={followedArtists}
-            setFollowedArtists={setFollowedArtists}
-            artistWishlist={artistWishlist}
-            setArtistWishlist={setArtistWishlist}
-            openDialogFromParent={openDialog}
-            closeDialog={() => {
-                setOpenDialog(false);
-            }}
-            ref={childRef}
-        />
-        <GetSpotifyPlaylistArtistsWithShows
-            followedArtists={followedArtists}
-            setFollowedArtists={setFollowedArtists}
-            startDate={startDate}
-            endDate={endDate}
-            setIsRequestTriggered={setIsRequestTriggered}
-        />
-        <YourSpotifyArtistsWithShows
-            artists={followedArtists}
-            onChildClick={handleChildClick}
-            isRequestTriggered={isRequestTriggered}
-        />
-        <ConcertList
-            setConcerts={setConcerts}
-            setAllConcerts={setAllConcerts}
-            artistWishlist={artistWishlist}
-            setArtistWishlist={setArtistWishlist}
-            concerts={concerts}
-            triggerReEvaluation={triggerReEvaluation}
-        />
-    </Stack>);
+        <Stack sx={{ container: true, flexDirection: 'column' }} spacing={4}>
+            <Box>
+                <img src={window.location.origin + "/Taver.png"} alt="Taver" />
+            </Box>
+            <PickDate
+                updateStartDateInParent={setStartDate}
+                updateEndDateInParent={setEndDate}
+                artistName={artistName}
+                newArtistList={setArtistList}
+                openDialog={setOpenDialog}
+            />
+            <BaseInput
+                setConcerts={setConcerts}
+                setUserLocation={setUserLocation}
+                setMapStyle={setMapStyle}
+                setAllConcerts={setAllConcerts}
+                startDate={startDate}
+                endDate={endDate}
+                allConcerts={allConcerts}
+                userLocation={userLocation}
+                updateArtistNameInParent={(value) => setArtistName(value)}
+                newArtistList={setArtistList}
+                artistListFromParent={artistList}
+                followedArtists={followedArtists}
+                setFollowedArtists={setFollowedArtists}
+                artistWishlist={artistWishlist}
+                setArtistWishlist={setArtistWishlist}
+                openDialogFromParent={openDialog}
+                closeDialog={() => {
+                    setOpenDialog(false);
+                }}
+                ref={childRef}
+            />
+            <GetSpotifyPlaylistArtistsWithShows
+                followedArtists={followedArtists}
+                setFollowedArtists={setFollowedArtists}
+                startDate={startDate}
+                endDate={endDate}
+                setIsRequestTriggered={setIsRequestTriggered}
+            />
+            <YourSpotifyArtistsWithShows
+                artists={followedArtists}
+                onChildClick={handleChildClick}
+                isRequestTriggered={isRequestTriggered}
+            />
+            <ConcertList
+                setConcerts={setConcerts}
+                setAllConcerts={setAllConcerts}
+                artistWishlist={artistWishlist}
+                setArtistWishlist={setArtistWishlist}
+                concerts={concerts}
+                triggerReEvaluation={triggerReEvaluation}
+            />
+        </Stack>);
 };
 export default TaleSetup;
diff --git a/src/TaleSetup/YourSpotifyArtistsWithShows.js b/src/TaleSetup/YourSpotifyArtistsWithShows.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Grid, Chip, Box, CircularProgress,Typography } from '@mui/material';
+import { Grid, Chip, Box, CircularProgress, Typography } from '@mui/material';
 import SwipeableTextMobileStepper from './ArtistsCarrousel'
 
 function YourSpotifyArtistsWithShows({ artists, onChildClick, isRequestTriggered }) {
@@ -51,7 +51,7 @@ function YourSpotifyArtistsWithShows({ artists, onChildClick, isRequestTriggered
           {commaSeparatedfollowedArtists}
         </Grid>
       </Box>)}
-      {isLoading && <CircularProgress sx={{ mt: 5 }}/>}
+      {isLoading && <CircularProgress sx={{ mt: 5 }} />}
     </Grid>
   );
 }