From 068bb5cbeb77d59fc64f472fc89ad43a3321192a Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Fri, 22 Oct 2021 22:15:23 +0200
Subject: [PATCH] fix obsolete JS in padding & justification

---
 interface/src/CustomMuiTheme.tsx            | 4 ++--
 interface/src/project/EMSESPDataForm.tsx    | 8 ++++----
 interface/src/project/EMSESPStatusForm.tsx  | 2 +-
 interface/src/security/ManageUsersForm.tsx  | 4 ++--
 interface/src/system/LogEventController.tsx | 2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/interface/src/CustomMuiTheme.tsx b/interface/src/CustomMuiTheme.tsx
index d62965149..cb6186e9e 100644
--- a/interface/src/CustomMuiTheme.tsx
+++ b/interface/src/CustomMuiTheme.tsx
@@ -3,12 +3,12 @@ import { Component } from 'react';
 import { CssBaseline } from '@material-ui/core';
 import {
   MuiThemeProvider,
-  createMuiTheme,
+  createTheme,
   StylesProvider
 } from '@material-ui/core/styles';
 import { blueGrey, orange, red, green } from '@material-ui/core/colors';
 
-const theme = createMuiTheme({
+const theme = createTheme({
   palette: {
     type: 'dark',
     primary: {
diff --git a/interface/src/project/EMSESPDataForm.tsx b/interface/src/project/EMSESPDataForm.tsx
index a62e12eef..d96052c87 100644
--- a/interface/src/project/EMSESPDataForm.tsx
+++ b/interface/src/project/EMSESPDataForm.tsx
@@ -310,7 +310,7 @@ class EMSESPDataForm extends Component<
         {!this.noDevices() && (
           <Table
             size="small"
-            padding={isWidthDown('xs', width!) ? 'none' : 'default'}
+            padding={isWidthDown('xs', width!) ? 'none' : 'normal'}
           >
             <TableBody>
               {data.devices.sort(compareDevices).map((device) => (
@@ -376,7 +376,7 @@ class EMSESPDataForm extends Component<
           Sensors
         </Typography>
         {!this.noSensors() && (
-          <Table size="small" padding="default">
+          <Table size="small" padding="normal">
             <TableHead>
               <TableRow>
                 <StyledTableCell
@@ -433,7 +433,7 @@ class EMSESPDataForm extends Component<
     return (
       <TableContainer>
         {data.analog > 0 && (
-          <Table size="small" padding="default">
+          <Table size="small" padding="normal">
             <TableHead>
               <TableRow>
                 <StyledTableCell>Sensortype</StyledTableCell>
@@ -574,7 +574,7 @@ class EMSESPDataForm extends Component<
           <TableContainer>
             <Table
               size="small"
-              padding={isWidthDown('xs', width!) ? 'none' : 'default'}
+              padding={isWidthDown('xs', width!) ? 'none' : 'normal'}
             >
               <TableHead></TableHead>
               <TableBody>
diff --git a/interface/src/project/EMSESPStatusForm.tsx b/interface/src/project/EMSESPStatusForm.tsx
index 679c5f798..9b04a094b 100644
--- a/interface/src/project/EMSESPStatusForm.tsx
+++ b/interface/src/project/EMSESPStatusForm.tsx
@@ -58,7 +58,7 @@ class EMSESPStatusForm extends Component<EMSESPStatusFormProps> {
           <TableContainer>
             <Table
               size="small"
-              padding={isWidthDown('xs', width!) ? 'none' : 'default'}
+              padding={isWidthDown('xs', width!) ? 'none' : 'normal'}
             >
               <TableBody>
                 <TableRow>
diff --git a/interface/src/security/ManageUsersForm.tsx b/interface/src/security/ManageUsersForm.tsx
index 4f0ff084b..c79172d64 100644
--- a/interface/src/security/ManageUsersForm.tsx
+++ b/interface/src/security/ManageUsersForm.tsx
@@ -150,7 +150,7 @@ class ManageUsersForm extends React.Component<
         <ValidatorForm onSubmit={this.onSubmit}>
           <Table
             size="small"
-            padding={isWidthDown('xs', width!) ? 'none' : 'default'}
+            padding={isWidthDown('xs', width!) ? 'none' : 'normal'}
           >
             <TableHead>
               <TableRow>
@@ -197,7 +197,7 @@ class ManageUsersForm extends React.Component<
             <TableFooter>
               <TableRow>
                 <TableCell colSpan={2} />
-                <TableCell align="center" padding="default">
+                <TableCell align="center" padding="normal">
                   <Button
                     startIcon={<PersonAddIcon />}
                     variant="contained"
diff --git a/interface/src/system/LogEventController.tsx b/interface/src/system/LogEventController.tsx
index 81fadc410..a7197ffa4 100644
--- a/interface/src/system/LogEventController.tsx
+++ b/interface/src/system/LogEventController.tsx
@@ -262,7 +262,7 @@ class LogEventController extends Component<
             container
             spacing={3}
             direction="row"
-            justify="flex-start"
+            justifyContent="flex-start"
             alignItems="center"
           >
             <Grid item xs={2}>