minor code refactoring

src/App.css

@@ -49,7 +49,7 @@ ul {
 
 .list-bottom {
   width: 100%;
-  
+
 }
 
 .drawer-list {

src/App.js

@@ -13,6 +13,7 @@ import TopArtists from './pages/TopArtists';
 import TopTracks from './pages/TopTracks';
 import Playlists from './pages/Playlists';
 import NavBar from './components/NavBar';
+
 import { useTheme } from '@material-ui/core/styles';
 import { Container, useMediaQuery} from '@material-ui/core';
 import Paper from '@material-ui/core/Paper';
@@ -30,8 +31,8 @@ const App = () => {
     <div>
       <Router>
         <UserContext.Provider value={{ token, setToken, isMobile, playlist, setPlaylist }}>
-          <NavBar 
-            currentPage={currentPage} 
+          <NavBar
+            currentPage={currentPage}
             setCurrentPage={setCurrentPage}
           />
           <Container maxWidth='md' id='main'>

src/components/NavBar.js

@@ -102,67 +102,4 @@ const NavBar = ({ currentPage, setCurrentPage }) => {
   );
 };
 
-export default NavBar;
-
-// <AppBar position='static'>
-//   <Tabs
-//     variant='
-//     value={value}
-//     // onChange={handleChange}
-//     aria-label='nav tabs example'
-//   >
-//     <Tab label='Top Artists' onClick={history.push('/')} />
-//     {/* <Tab label='Top Tracks' onClick={history.push('/top-tracks')} /> */}
-//     {/* <Tab label='Playlists' onClick={history.push('/playlists')} /> */}
-//   </Tabs>
-// </AppBar>;
-
-// <header>
-//   <Accordion>
-//     <AccordionSummary
-//       expandIcon={<MenuIcon />}
-//       aria-controls='panel1a-content'
-//       id='panel1a-header'
-//     >
-//       <Typography variant='h3'>Spotify Metadata</Typography>
-//     </AccordionSummary>
-//     <AccordionDetails>
-//       <div className='header-buttons'>
-//       <Button
-//         variant='outlined'
-//         color={currentPage === 0 ? 'secondary' : 'primary'}
-//         fullWidth
-//         onClick={() => {
-//           setCurrentPage(0);
-//           history.push('/top-artists');
-//         }}
-//       >
-//         Top Artists
-//       </Button>
-//       <Button
-//         variant='outlined'
-//         color={currentPage === 1 ? 'secondary' : 'primary'}
-//         onClick={() => {
-//           setCurrentPage(1);
-//           history.push('/top-tracks');
-//         }}
-//         fullWidth
-//       >
-//         Top Tracks
-//       </Button>
-//       <Button
-//         variant='outlined'
-//         color={currentPage === 2 ? 'secondary' : 'primary'}
-//         fullWidth
-//         onClick={() => {
-//           setCurrentPage(2)
-//           history.push('/playlists')}
-//         }
-
-//       >
-//         Playlists
-//       </Button>
-//       </div>
-//     </AccordionDetails>
-//   </Accordion>
-// </header></AppBar>
+export default NavBar;

src/components/SelectTimeRange.js

@@ -25,4 +25,4 @@ const SelectTimeRange = ({timeRange, setTimeRange}) => {
   )
 }
 
-export default SelectTimeRange
+export default SelectTimeRange

src/pages/Playlist.js

@@ -62,16 +62,16 @@ const Playlist = ({ playlist }) => {
         <>
           <AudioFeatures
             trackIds={trackIds}
-            setAudioFeatures={setAudioFeatures} 
+            setAudioFeatures={setAudioFeatures}
           />
           <ArtistGenres
             artistHREFs={artistHREFs}
-            setArtistData={setArtistData} 
+            setArtistData={setArtistData}
           />
           <Tracks
             tracks={tracks}
             artistData={artistData}
-            audioFeatures={audioFeatures} 
+            audioFeatures={audioFeatures}
           />
         </>
       )}

src/pages/Playlists.js

@@ -11,7 +11,7 @@ const Playlists = () => {
   const history = useHistory();
   const { token, playlist, setPlaylist } = useContext(UserContext);
   const [playlists, setPlaylists] = useState(undefined);
-  
+
   const [playlistTotalAmount, setPlaylistTotalAmount] = useState(undefined)
   const [playlistSearchOffset, setPlaylistSearchOffset] = useState(0)
 
@@ -27,7 +27,6 @@ const Playlists = () => {
           }
         });
 
-        // console.log(response.data.items)
         setPlaylistTotalAmount(response.data.total)
         setPlaylists(response.data.items);
       } catch (err) {
@@ -64,8 +63,8 @@ const Playlists = () => {
             <hr/>
           </>
         )}
-        
-        
+
+
 
         {playlists && (
           <ul>
@@ -85,7 +84,7 @@ const Playlists = () => {
         )}
 
         {playlistTotalAmount && (
-          <PageButtons 
+          <PageButtons
             playlistTotalAmount={playlistTotalAmount}
             offset={playlistSearchOffset}
             setOffset={setPlaylistSearchOffset}