refactor: tweak style to match shifted header design

main
Josue 4 years ago committed by Tsu-ba-me
parent 0d7a3651ce
commit 415fbce267
  1. 7
      striker-ui/components/SharedStorageNode.tsx

@ -4,6 +4,7 @@ import * as prettyBytes from 'pretty-bytes';
import InnerPanel from './InnerPanel'; import InnerPanel from './InnerPanel';
import AllocationBar from './AllocationBar'; import AllocationBar from './AllocationBar';
import { BodyText } from './Text'; import { BodyText } from './Text';
import PanelHeader from './PanelHeader';
const SharedStorageNode = ({ const SharedStorageNode = ({
node, node,
@ -12,13 +13,17 @@ const SharedStorageNode = ({
}): JSX.Element => { }): JSX.Element => {
return ( return (
<InnerPanel> <InnerPanel>
<PanelHeader>
<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: ${node.nodeInfo?.node_name}`} /> <BodyText text={`Node: ${node.nodeInfo?.node_name}`} />
</Grid> </Grid>
<Grid item xs={4}> <Grid item xs={3}>
<Switch checked={node.is_mounted} /> <Switch checked={node.is_mounted} />
</Grid> </Grid>
</Grid>
</PanelHeader>
<Grid container alignItems="center" justify="space-around">
<Grid item xs={4}> <Grid item xs={4}>
<BodyText <BodyText
text={`Used: ${prettyBytes.default(node.total - node.free, { text={`Used: ${prettyBytes.default(node.total - node.free, {

Loading…
Cancel
Save