Local modifications to ClusterLabs/Anvil by Alteeve
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

30 lines
786 B

import { Grid } from '@material-ui/core';
import Panel from './Panel';
import AllocationBar from './AllocationBar';
import { HeaderText, BodyText } from './Text';
const Memory = (): JSX.Element => {
return (
<Panel>
<Grid container alignItems="center" justify="space-around">
<Grid item xs={12}>
<HeaderText text="Memory" />
</Grid>
<Grid item xs={3}>
<BodyText text="Allocated: 14GiB" />
</Grid>
<Grid item xs={3}>
<BodyText text="Free: 50GiB" />
</Grid>
<Grid item xs={10}>
<AllocationBar allocated={30} />
</Grid>
<Grid item xs={6}>
<BodyText text="Total Memory: 64GiB" />
</Grid>
</Grid>
</Panel>
);
};
export default Memory;