From 127544ddc1e7915b18709b84de49b3b6f10c4b9a Mon Sep 17 00:00:00 2001
From: andy <andy@sarsoo.xyz>
Date: Sun, 14 Aug 2022 19:33:01 +0100
Subject: [PATCH] fixing deprecations, changing spotify link

---
 src/js/Playlist/PlaylistsList.js | 2 +-
 src/js/Playlist/View/Edit.js     | 2 +-
 src/js/Settings/SpotifyLink.js   | 2 +-
 src/js/Tag/TagList.js            | 2 +-
 src/js/Tag/View.js               | 2 +-
 src/js/Theme.js                  | 4 ++--
 src/js/Util/circularProgress.js  | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/js/Playlist/PlaylistsList.js b/src/js/Playlist/PlaylistsList.js
index ad76615..b4ee9cf 100644
--- a/src/js/Playlist/PlaylistsList.js
+++ b/src/js/Playlist/PlaylistsList.js
@@ -137,7 +137,7 @@ function PlaylistGrid(props){
         <Grid container 
                 spacing={3} 
                 direction="row"
-                justify="flex-start"
+                justifyContent="flex-start"
                 alignItems="flex-start"
                 style={{padding: 24}}>
 
diff --git a/src/js/Playlist/View/Edit.js b/src/js/Playlist/View/Edit.js
index 11dd57b..526c09d 100644
--- a/src/js/Playlist/View/Edit.js
+++ b/src/js/Playlist/View/Edit.js
@@ -641,7 +641,7 @@ function ListBlock(props) {
     return <Grid container 
                 spacing={3} 
                 direction="row"
-                justify="flex-start"
+                justifyContent="flex-start"
                 alignItems="flex-start"
                 style={{padding: '24px'}}>
                     {props.list.map((part) => <BlockGridItem part={ part } key={ part } handler={props.handler}/>)}
diff --git a/src/js/Settings/SpotifyLink.js b/src/js/Settings/SpotifyLink.js
index fe63cf5..2c5d479 100644
--- a/src/js/Settings/SpotifyLink.js
+++ b/src/js/Settings/SpotifyLink.js
@@ -42,7 +42,7 @@ class SpotifyLink extends Component {
 
                     {/* STATUS */}
                     <CardContent>
-                        <Typography variant="h4" color="textPrimary">Admin Functions</Typography>
+                        <Typography variant="h4" color="textPrimary">Spotify Link</Typography>
                         <Typography variant="body2" color="textSecondary">Status: { this.state.spotify_linked ? "Linked" : "Unlinked" }</Typography>
                     </CardContent>
 
diff --git a/src/js/Tag/TagList.js b/src/js/Tag/TagList.js
index 0e9196a..c573c53 100644
--- a/src/js/Tag/TagList.js
+++ b/src/js/Tag/TagList.js
@@ -81,7 +81,7 @@ function TagGrid(props){
         <Grid container
                 spacing={3}
                 direction="row"
-                justify="flex-start"
+                justifyContent="flex-start"
                 alignItems="flex-start"
                 style={{padding: '24px'}}>
             <Grid item xs={12} sm={6} md={2}>
diff --git a/src/js/Tag/View.js b/src/js/Tag/View.js
index 4ac4139..f898f8e 100644
--- a/src/js/Tag/View.js
+++ b/src/js/Tag/View.js
@@ -501,7 +501,7 @@ function ListBlock(props) {
     return <Grid container 
                 spacing={3} 
                 direction="row"
-                justify="flex-start"
+                justifyContent="flex-start"
                 alignItems="flex-start"
                 style={{padding: '24px'}}>
                     {props.list.map((music_obj) => <BlockGridItem music_obj={ music_obj } key={ music_obj.name } 
diff --git a/src/js/Theme.js b/src/js/Theme.js
index d581157..58c680e 100644
--- a/src/js/Theme.js
+++ b/src/js/Theme.js
@@ -1,6 +1,6 @@
-import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
+import { createTheme, responsiveFontSizes } from '@material-ui/core/styles';
 
-let GlobalTheme = createMuiTheme({
+let GlobalTheme = createTheme({
     root: {
         display: 'flex',
         flexDirection: 'column',
diff --git a/src/js/Util/circularProgress.js b/src/js/Util/circularProgress.js
index f22f87d..8f4de69 100644
--- a/src/js/Util/circularProgress.js
+++ b/src/js/Util/circularProgress.js
@@ -3,7 +3,7 @@ import { Grid, CircularProgress } from '@material-ui/core';
 
 function Progress (props) {
     return (
-        <Grid container justify="flex-start" alignItems="flex-start" align="center" style={{ padding: props.padding }}>
+        <Grid container justifyContent="flex-start" alignItems="flex-start" align="center" style={{ padding: props.padding }}>
             <Grid item xs={ props.colWidth }>
                 <CircularProgress color="secondary" />
             </Grid>