From 684b6f4a5dce0025eef15d68ab03ddba262bf510 Mon Sep 17 00:00:00 2001
From: Sam Bao <sam.b5687@gmail.com>
Date: Sat, 30 Nov 2024 19:58:25 -0700
Subject: [PATCH] more code clean up

---
 src/Odyssey/Odyssey.js                        |   2 -
 src/Odyssey/SharePage.js                      |   2 +-
 src/Odyssey/SharePageList.js                  |   1 -
 .../GetSpotifyPlaylistArtistsWithShows.js     |   2 +-
 src/TaleSetup/TaleSetup.js                    | 112 +++++++++---------
 src/TaleSetup/YourSpotifyArtistsWithShows.js  |   4 +-
 6 files changed, 60 insertions(+), 63 deletions(-)

diff --git a/src/Odyssey/Odyssey.js b/src/Odyssey/Odyssey.js
index 56c1347..0bf8be7 100644
--- 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
index fcd2e97..10db462 100644
--- 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
index 0271377..e2c2698 100644
--- 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
index ea4d314..e9a5789 100644
--- 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
index f360091..d9e5b34 100644
--- 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;
\ No newline at end of file
diff --git a/src/TaleSetup/YourSpotifyArtistsWithShows.js b/src/TaleSetup/YourSpotifyArtistsWithShows.js
index a36a56e..f8e0ebd 100644
--- 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>
   );
 }