parent
3db6ca9c55
commit
dc9db4f5dd
1 changed files with 22 additions and 0 deletions
@ -0,0 +1,22 @@ |
||||
import { useState } from 'react'; |
||||
import { Switch, Grid } from '@material-ui/core'; |
||||
import { HeaderText } from './Text'; |
||||
|
||||
const Anvil = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => { |
||||
const [checked, setChecked] = useState<boolean>(true); |
||||
return ( |
||||
<> |
||||
<Grid item xs={6}> |
||||
<HeaderText text={anvil.anvil_name} /> |
||||
<HeaderText |
||||
text={anvil.anvil_status?.anvil_state || 'State unavailable'} |
||||
/> |
||||
</Grid> |
||||
<Grid item xs={3}> |
||||
<Switch checked={checked} onChange={() => setChecked(!checked)} /> |
||||
</Grid> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default Anvil; |
Loading…
Reference in new issue