From 65411b3c7289890df82374724b3fe3447abb252e Mon Sep 17 00:00:00 2001
From: George Sproston <gsproston@scottlogic.com>
Date: Tue, 8 Aug 2023 10:43:59 +0100
Subject: [PATCH] Removed JS DefenceBox

---
 .../src/components/DefenceBox/DefenceBox.jsx  | 96 -------------------
 1 file changed, 96 deletions(-)
 delete mode 100644 frontend/src/components/DefenceBox/DefenceBox.jsx

diff --git a/frontend/src/components/DefenceBox/DefenceBox.jsx b/frontend/src/components/DefenceBox/DefenceBox.jsx
deleted file mode 100644
index 0ec166491..000000000
--- a/frontend/src/components/DefenceBox/DefenceBox.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { useEffect, useState } from "react";
-import "../StrategyBox/StrategyBox.css";
-import DefenceMechanism from "./DefenceMechanism";
-import {
-  getActiveDefences,
-  activateDefence,
-  deactivateDefence,
-} from "../../service/defenceService";
-import DEFENCES from "../../Defences";
-
-function DefenceBox(props) {
-  // list of defence mechanisms
-  const [defences, setDefences] = useState(
-    DEFENCES.map((defence) => {
-      return {
-        ...defence,
-        isActive: false,
-        isTriggered: false,
-      };
-    })
-  );
-
-  // called on mount
-  useEffect(() => {
-    // fetch defences from backend
-    getActiveDefences().then((activeDefences) => {
-      const newDefences = defences.map((localDefence) => {
-        localDefence.isActive = activeDefences.find((remoteDefence) => {
-          return localDefence.id === remoteDefence;
-        });
-        return localDefence;
-      });
-      setDefences(newDefences);
-    });
-  }, []);
-
-  // update triggered defences
-  useEffect(() => {
-    console.log("updating triggered defences: ", props.triggeredDefences);
-    // update state
-    const newDefences = defences.map((defence) => {
-      defence.isTriggered = props.triggeredDefences.includes(defence.id);
-      return defence;
-    });
-    setDefences(newDefences);
-  }, [props.triggeredDefences]);
-
-  const setDefenceActive = (defenceId) => {
-    activateDefence(defenceId).then(() => {
-      // update state
-      const newDefences = defences.map((defence) => {
-        if (defence.id === defenceId) {
-          defence.isActive = true;
-          defence.isTriggered = false;
-        }
-        return defence;
-      });
-      setDefences(newDefences);
-    });
-  };
-
-  const setDefenceInactive = (defenceId) => {
-    deactivateDefence(defenceId).then(() => {
-      // update state
-      const newDefences = defences.map((defence) => {
-        if (defence.id === defenceId) {
-          defence.isActive = false;
-          defence.isTriggered = false;
-        }
-        return defence;
-      });
-      setDefences(newDefences);
-    });
-  };
-
-  return (
-    <div id="strategy-box">
-      {defences.map((defence, index) => {
-        return (
-          <DefenceMechanism
-            key={defence.id}
-            name={defence.name}
-            id={defence.id}
-            info={defence.info}
-            isActive={defence.isActive}
-            isTriggered={defence.isTriggered}
-            setDefenceActive={setDefenceActive}
-            setDefenceInactive={setDefenceInactive}
-          />
-        );
-      })}
-    </div>
-  );
-}
-
-export default DefenceBox;