refactor: remove InnerPanel to try to add shifted border using pseudo elements

main
Josue 4 years ago committed by Tsu-ba-me
parent 416b0a3ce7
commit fa7084f5c4
  1. 7
      striker-ui/components/AnvilNode.tsx

@ -1,6 +1,5 @@
import { Grid, Switch } from '@material-ui/core'; import { Grid, Switch } from '@material-ui/core';
import InnerPanel from './InnerPanel';
import AllocationBar from './AllocationBar'; import AllocationBar from './AllocationBar';
import { BodyText } from './Text'; import { BodyText } from './Text';
@ -15,12 +14,12 @@ const AnvilNode = ({
node.map( node.map(
(n): JSX.Element => { (n): JSX.Element => {
return ( return (
<InnerPanel key={n.state_message}> <>
<Grid container alignItems="center" justify="space-around"> <Grid container alignItems="center" justify="space-around">
<Grid item xs={6}> <Grid item xs={6}>
<BodyText text={`Node: ${n.node_name}`} /> <BodyText text={`Node: ${n.node_name}`} />
</Grid> </Grid>
<Grid item xs={4}> <Grid item xs={3}>
<Switch checked /> <Switch checked />
</Grid> </Grid>
<Grid item xs={6}> <Grid item xs={6}>
@ -33,7 +32,7 @@ const AnvilNode = ({
<AllocationBar allocated={n.state_percent} /> <AllocationBar allocated={n.state_percent} />
</Grid> </Grid>
</Grid> </Grid>
</InnerPanel> </>
); );
}, },
)} )}

Loading…
Cancel
Save