Merge branch 'main' of https://github.com/tuckner/automation-capabili…

…ty-matrix

src/App.tsx

@@ -5,6 +5,7 @@ import Board from "components/Board";
 import { MdVisibilityOff } from "react-icons/md";
 import { useMediaQuery } from "react-responsive";
 import { Collapse } from "@chakra-ui/react";
+import { retrieveAndSaveState } from "utilis";
 
 function App() {
   const [showSidebar,setShowSidebar] = useState<boolean>(false);
@@ -20,6 +21,14 @@ function App() {
     } else {
       document.documentElement.classList.remove("dark");
     }
+
+  const queryParams = new URLSearchParams(location.search);
+  const configParam = queryParams.get("config"); // Replace 'sidebar' with your actual query parameter
+
+  // Set the state based on the URL parameter
+  if (configParam) {
+    retrieveAndSaveState(configParam);
+  }
   }, []);
 
   const isMobile = useMediaQuery({ query: "(min-width: 700px)" });

src/utilis/index.ts

@@ -95,6 +95,22 @@ export const handleFilterChange = (newFilter: string | null) => {
   }
 };
 
+export const retrieveAndSaveState = async (config: string) => {
+  try {
+    const response = await fetch('https://fetch.automation-capability-matrix.workers.dev/?config=' + config);
+    if (!response.ok) {
+      throw new Error("Failed to retrieve data from the URL");
+    }
+    const parsedData = await response.json();
+    parsedData.config.active = parsedData.config.board[0];
+    const boardData = { board: {} };
+    boardData.board = parsedData.config;
+    saveState(boardData);
+  } catch (err) {
+    console.error("Error retrieving and saving state:", err);
+  }
+};
+
 export const saveState = (state: any) => {
   try {
     const serializesState = JSON.stringify(state);