|
|
|
@ -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> |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|