Refactored the logic for frontend dashboard

frontend/components/basic/Toggle.tsx

@@ -1,27 +1,11 @@
 import React from "react";
 import { Switch } from "@headlessui/react";
 
-
-interface OverrideProps {
-  id: string;
-  keyName: string;
-  value: string;
-  pos: number;
-  comment: string;
-}
-
 interface ToggleProps { 
   enabled: boolean; 
   setEnabled: (value: boolean) => void; 
-  addOverride: (value: OverrideProps) => void; 
-  keyName: string;
-  value: string;
+  addOverride: (value: string | undefined, pos: number) => void; 
   pos: number;
-  id: string;
-  comment: string;
-  deleteOverride: (id: string) => void; 
-  sharedToHide: string[];
-  setSharedToHide: (values: string[]) => void;
 }
 
 /**
@@ -30,41 +14,23 @@ interface ToggleProps {
  * @param {boolean} obj.enabled - whether the toggle is turned on or off
  * @param {function} obj.setEnabled - change the state of the toggle
  * @param {function} obj.addOverride - a function that adds an override to a certain secret
- * @param {string} obj.keyName - key of a certain secret
- * @param {string} obj.value - value of a certain secret
  * @param {number} obj.pos - position of a certain secret
- #TODO: make the secret id persistent?
- * @param {string} obj.id - id of a certain secret (NOTE: THIS IS THE ID OF THE MAIN SECRET - NOT OF AN OVERRIDE)
- * @param {function} obj.deleteOverride - a function that deleted an override for a certain secret
- * @param {string[]} obj.sharedToHide - an array of shared secrets that we want to hide visually because they are overriden. 
- * @param {function} obj.setSharedToHide - a function that updates the array of secrets that we want to hide visually
  * @returns 
  */
 export default function Toggle ({ 
   enabled, 
   setEnabled, 
   addOverride, 
-  keyName, 
-  value, 
-  pos, 
-  id, 
-  comment,
-  deleteOverride,
-  sharedToHide,
-  setSharedToHide
+  pos
 }: ToggleProps): JSX.Element {
   return (
     <Switch
       checked={enabled}
       onChange={() => {
         if (enabled == false) {
-          addOverride({ id, keyName, value, pos, comment });
-          setSharedToHide([
-            ...sharedToHide!,
-            id
-          ])
+          addOverride('', pos);
         } else {
-          deleteOverride(id);
+          addOverride(undefined, pos);
         }
         setEnabled(!enabled);
       }}