diff --git a/striker-ui/components/Anvil.tsx b/striker-ui/components/Anvil.tsx
index f2c35d58..5c49fc36 100644
--- a/striker-ui/components/Anvil.tsx
+++ b/striker-ui/components/Anvil.tsx
@@ -8,9 +8,7 @@ const Anvil = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
<>
-
+
setChecked(!checked)} />
diff --git a/striker-ui/components/AnvilNode.tsx b/striker-ui/components/AnvilNode.tsx
index b805fb17..7813fad5 100644
--- a/striker-ui/components/AnvilNode.tsx
+++ b/striker-ui/components/AnvilNode.tsx
@@ -4,17 +4,21 @@ import InnerPanel from './InnerPanel';
import AllocationBar from './AllocationBar';
import { BodyText } from './Text';
-const AnvilNode = ({ node }: { node: AnvilStatus }): JSX.Element => {
+const AnvilNode = ({
+ node,
+}: {
+ node: Array;
+}): JSX.Element => {
return (
<>
{node &&
- node.nodes.map(
+ node.map(
(n): JSX.Element => {
return (
-
+
diff --git a/striker-ui/components/Anvils.tsx b/striker-ui/components/Anvils.tsx
index 8ee1137b..60c58f35 100644
--- a/striker-ui/components/Anvils.tsx
+++ b/striker-ui/components/Anvils.tsx
@@ -1,19 +1,22 @@
import { Grid } from '@material-ui/core';
-import Panel from './Panel';
import Anvil from './Anvil';
+import Panel from './Panel';
import PeriodicFetch from '../lib/fetchers/periodicFetch';
const Anvils = ({ list }: { list: AnvilList | undefined }): JSX.Element => {
- let anvils: AnvilListItem[] = [];
- if (list) anvils = list.anvils;
+ const anvils: AnvilListItem[] = [];
+ // if (list) anvils = list.anvils;
- anvils.forEach((anvil: AnvilListItem) => {
+ list?.anvils.forEach((anvil: AnvilListItem) => {
const { data } = PeriodicFetch(
`${process.env.NEXT_PUBLIC_API_URL}/anvils/get_status?anvil_uuid=`,
anvil.anvil_uuid,
);
/* eslint-disable no-param-reassign */
- anvil.anvil_status = data;
+ anvils.push({
+ ...anvil,
+ anvil_state: data.anvil_state,
+ });
});
return (
diff --git a/striker-ui/components/Nodes.tsx b/striker-ui/components/Nodes.tsx
index 4ab3b16a..90ea9b32 100644
--- a/striker-ui/components/Nodes.tsx
+++ b/striker-ui/components/Nodes.tsx
@@ -9,12 +9,15 @@ const Nodes = ({ anvil }: { anvil: AnvilListItem }): JSX.Element => {
anvil?.anvil_uuid,
);
/* eslint-disable no-param-reassign */
- if (anvil) anvil.anvil_status = data;
return (
-
+ {
+ return { ...n, ...data.nodes[index] };
+ })}
+ />
);
};