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.
32 lines
896 B
32 lines
896 B
import { Grid } from '@material-ui/core'; |
|
import Panel from '../Panel'; |
|
import PeriodicFetch from '../../lib/fetchers/periodicFetch'; |
|
import SelectedAnvil from './SelectedAnvil'; |
|
import AnvilList from './AnvilList'; |
|
|
|
const Anvils = ({ list }: { list: AnvilList | undefined }): JSX.Element => { |
|
const anvils: AnvilListItem[] = []; |
|
|
|
list?.anvils.forEach((anvil: AnvilListItem) => { |
|
const { data } = PeriodicFetch<AnvilStatus>( |
|
`${process.env.NEXT_PUBLIC_API_URL}/anvils/get_status?anvil_uuid=`, |
|
anvil.anvil_uuid, |
|
); |
|
/* eslint-disable no-param-reassign */ |
|
anvils.push({ |
|
...anvil, |
|
anvil_state: data?.anvil_state, |
|
}); |
|
}); |
|
|
|
return ( |
|
<Panel> |
|
<Grid container alignItems="center" justify="space-around"> |
|
<SelectedAnvil anvil={anvils[0]} /> |
|
<AnvilList list={anvils} /> |
|
</Grid> |
|
</Panel> |
|
); |
|
}; |
|
|
|
export default Anvils;
|
|
|