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.
38 lines
1.1 KiB
38 lines
1.1 KiB
import { useContext } from 'react'; |
|
import { Panel } from '../Panels'; |
|
import { HeaderText } from '../Text'; |
|
import AnvilHost from './AnvilHost'; |
|
import PeriodicFetch from '../../lib/fetchers/periodicFetch'; |
|
import { AnvilContext } from '../AnvilContext'; |
|
import Spinner from '../Spinner'; |
|
|
|
const Hosts = ({ anvil }: { anvil: AnvilListItem[] }): JSX.Element => { |
|
const { uuid } = useContext(AnvilContext); |
|
|
|
const { data, isLoading } = PeriodicFetch<AnvilStatus>( |
|
`${process.env.NEXT_PUBLIC_API_URL}/get_status?anvil_uuid=${uuid}`, |
|
); |
|
|
|
return ( |
|
<Panel> |
|
<HeaderText text="Nodes" /> |
|
{!isLoading ? ( |
|
<> |
|
{anvil.findIndex((a) => a.anvil_uuid === uuid) !== -1 && data && ( |
|
<AnvilHost |
|
hosts={anvil[anvil.findIndex((a) => a.anvil_uuid === uuid)].hosts |
|
.filter((host) => host.host_uuid) |
|
.map((host, index) => { |
|
return data.hosts[index]; |
|
})} |
|
/> |
|
)} |
|
</> |
|
) : ( |
|
<Spinner /> |
|
)} |
|
</Panel> |
|
); |
|
}; |
|
|
|
export default Hosts;
|
|
|