[grid] Removing unneeded component background

diemol · diemol · commit c5fdadbcdbfc · 2022-04-20T16:50:29.000+02:00
[skip ci]
diff --git a/javascript/grid-ui/src/components/Error/Error.tsx b/javascript/grid-ui/src/components/Error/Error.tsx
@@ -25,7 +25,6 @@ function Error (props) {
       height="100%"
       width="100%"
       paddingY={3}
-      sx={{ bgcolor: 'secondary.main' }}
     >
       <Box
         display="flex"
diff --git a/javascript/grid-ui/src/components/LiveView/LiveView.tsx b/javascript/grid-ui/src/components/LiveView/LiveView.tsx
@@ -74,6 +74,7 @@ function LiveView (props) {
     return () => {
       disconnect()
     }
+  // eslint-disable-next-line
   }, [])
 
   useEffect(() => {
diff --git a/javascript/grid-ui/src/components/Loading/Loading.tsx b/javascript/grid-ui/src/components/Loading/Loading.tsx
@@ -22,7 +22,6 @@ import { Box, Typography } from '@mui/material'
 function Loading () {
   return (
     <Box
-      sx={{ bgcolor: 'secondary.main' }}
       height='100%'
       width='100%'
       paddingY={1}
diff --git a/javascript/grid-ui/src/components/NavBar/NavBar.tsx b/javascript/grid-ui/src/components/NavBar/NavBar.tsx
@@ -95,11 +95,11 @@ function NavBarBottom (props): JSX.Element {
 
   return (
     <div>
-      <Box p={3} m={1} sx={{ bgcolor: 'secondary.main' }}>
+      <Box p={3} m={1}>
         <Typography
-          align='center'
+          align="center"
           gutterBottom
-          variant='h4'
+          variant="h4"
         >
           Queue size: {sessionQueueSize}
         </Typography>
diff --git a/javascript/grid-ui/src/components/NavBar/OverallConcurrency.tsx b/javascript/grid-ui/src/components/NavBar/OverallConcurrency.tsx
@@ -54,7 +54,6 @@ function OverallConcurrency (props) {
     <Box
       p={2}
       m={2}
-      sx={{ bgcolor: 'secondary.main' }}
       data-testid='overall-concurrency'
     >
       <Typography
diff --git a/javascript/grid-ui/src/components/NoData/NoData.tsx b/javascript/grid-ui/src/components/NoData/NoData.tsx
@@ -26,7 +26,6 @@ function NoData (props) {
       height='100%'
       width='100%'
       paddingY={3}
-      sx={{ bgcolor: 'secondary.main' }}
     >
       <Box
         display='flex'

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,6 @@ function Error (props) {`
`25`	`25`	`height="100%"`
`26`	`26`	`width="100%"`
`27`	`27`	`paddingY={3}`
`28`		`- sx={{ bgcolor: 'secondary.main' }}`
`29`	`28`	`>`
`30`	`29`	`<Box`
`31`	`30`	`display="flex"`
Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,7 @@ function LiveView (props) {`
`74`	`74`	`return () => {`
`75`	`75`	`disconnect()`
`76`	`76`	`}`
	`77`	`+ // eslint-disable-next-line`
`77`	`78`	`}, [])`
`78`	`79`
`79`	`80`	`useEffect(() => {`
Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,6 @@ function OverallConcurrency (props) {`
`54`	`54`	`<Box`
`55`	`55`	`p={2}`
`56`	`56`	`m={2}`
`57`		`- sx={{ bgcolor: 'secondary.main' }}`
`58`	`57`	`data-testid='overall-concurrency'`
`59`	`58`	`>`
`60`	`59`	`<Typography`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,6 @@ function NoData (props) {`
`26`	`26`	`height='100%'`
`27`	`27`	`width='100%'`
`28`	`28`	`paddingY={3}`
`29`		`- sx={{ bgcolor: 'secondary.main' }}`
`30`	`29`	`>`
`31`	`30`	`<Box`
`32`	`31`	`display='flex'`