fixing deprecations, changing spotify link

This commit is contained in:
andy 2022-08-14 19:33:01 +01:00
parent 3fbeaa10d0
commit 127544ddc1
7 changed files with 8 additions and 8 deletions

View File

@ -137,7 +137,7 @@ function PlaylistGrid(props){
<Grid container <Grid container
spacing={3} spacing={3}
direction="row" direction="row"
justify="flex-start" justifyContent="flex-start"
alignItems="flex-start" alignItems="flex-start"
style={{padding: 24}}> style={{padding: 24}}>

View File

@ -641,7 +641,7 @@ function ListBlock(props) {
return <Grid container return <Grid container
spacing={3} spacing={3}
direction="row" direction="row"
justify="flex-start" justifyContent="flex-start"
alignItems="flex-start" alignItems="flex-start"
style={{padding: '24px'}}> style={{padding: '24px'}}>
{props.list.map((part) => <BlockGridItem part={ part } key={ part } handler={props.handler}/>)} {props.list.map((part) => <BlockGridItem part={ part } key={ part } handler={props.handler}/>)}

View File

@ -42,7 +42,7 @@ class SpotifyLink extends Component {
{/* STATUS */} {/* STATUS */}
<CardContent> <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> <Typography variant="body2" color="textSecondary">Status: { this.state.spotify_linked ? "Linked" : "Unlinked" }</Typography>
</CardContent> </CardContent>

View File

@ -81,7 +81,7 @@ function TagGrid(props){
<Grid container <Grid container
spacing={3} spacing={3}
direction="row" direction="row"
justify="flex-start" justifyContent="flex-start"
alignItems="flex-start" alignItems="flex-start"
style={{padding: '24px'}}> style={{padding: '24px'}}>
<Grid item xs={12} sm={6} md={2}> <Grid item xs={12} sm={6} md={2}>

View File

@ -501,7 +501,7 @@ function ListBlock(props) {
return <Grid container return <Grid container
spacing={3} spacing={3}
direction="row" direction="row"
justify="flex-start" justifyContent="flex-start"
alignItems="flex-start" alignItems="flex-start"
style={{padding: '24px'}}> style={{padding: '24px'}}>
{props.list.map((music_obj) => <BlockGridItem music_obj={ music_obj } key={ music_obj.name } {props.list.map((music_obj) => <BlockGridItem music_obj={ music_obj } key={ music_obj.name }

View File

@ -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: { root: {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',

View File

@ -3,7 +3,7 @@ import { Grid, CircularProgress } from '@material-ui/core';
function Progress (props) { function Progress (props) {
return ( 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 }> <Grid item xs={ props.colWidth }>
<CircularProgress color="secondary" /> <CircularProgress color="secondary" />
</Grid> </Grid>