feat: create AnvilNode component

striker-ui/components/AnvilNode.tsx

@@ -0,0 +1,40 @@
+import { Grid, Switch } from '@material-ui/core';
+
+import InnerPanel from './InnerPanel';
+import AllocationBar from './AllocationBar';
+import { BodyText } from './Text';
+
+const AnvilNode = ({ node }: { node: AnvilStatus }): JSX.Element => {
+  return (
+    <>
+      {node &&
+        node.nodes.map(
+          (n): JSX.Element => {
+            return (
+              <InnerPanel key={n.state_message}>
+                <Grid container alignItems="center" justify="space-around">
+                  <Grid item xs={6}>
+                    <BodyText text="Node: an-a01n01" />
+                  </Grid>
+                  <Grid item xs={4}>
+                    <Switch checked />
+                  </Grid>
+                  <Grid item xs={6}>
+                    <BodyText text={`State: ${n.state}`} />
+                  </Grid>
+                  <Grid item xs={4}>
+                    <BodyText text={n.state_message} />
+                  </Grid>
+                  <Grid item xs={10}>
+                    <AllocationBar allocated={n.state_percent} />
+                  </Grid>
+                </Grid>
+              </InnerPanel>
+            );
+          },
+        )}
+    </>
+  );
+};
+
+export default AnvilNode;