refactor: remove Grid in favour of Box component

main
Josue 4 years ago committed by Tsu-ba-me
parent bf19c17b3d
commit 8dc50d04f7
  1. 14
      striker-ui/components/Servers.tsx

@ -1,4 +1,4 @@
import { Grid, List, ListItem, Divider, Box } from '@material-ui/core';
import { List, ListItem, Divider, Box } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import { ClassNameMap } from '@material-ui/styles';
import Panel from './Panel';
@ -57,11 +57,7 @@ const Servers = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
);
return (
<Panel>
<Grid container alignItems="center" justify="space-around">
<Grid item xs={12}>
<HeaderText text="Servers" />
</Grid>
<Grid item xs={12}>
<List
component="nav"
className={classes.root}
@ -84,11 +80,7 @@ const Servers = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
}`}
/>
</Box>
<Box
p={1}
flexGrow={1}
className={classes.noPaddingLeft}
>
<Box p={1} flexGrow={1} className={classes.noPaddingLeft}>
<BodyText text={server.server_name} />
<BodyText text={server.server_state} />
</Box>
@ -106,8 +98,6 @@ const Servers = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
);
})}
</List>
</Grid>
</Grid>
</Panel>
);
};

Loading…
Cancel
Save