feat: Connected stack and functions with server.

c2siorg · Aug 8, 2024 · 9301a03 · 9301a03
1 parent 3fc45a3
commit 9301a03
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 29 deletions.
diff --git a/webapp/src/components/Functions/Functions.jsx b/webapp/src/components/Functions/Functions.jsx
@@ -1,29 +1,53 @@
-import React from "react";
+import React, { useEffect } from "react";
+import { DataState } from "./../../context/DataContext";
 import "./Functions.css";
+import axios from "axios";
+
+const data = [
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+  "sub.KERNEL32.dll_DeleteCritical_231",
+];
 
 const Functions = () => {
+  const { refresh, functions, setFunctions } = DataState();
+
+  const fetchFunctionsData = async () => {
+    try {
+      console.log("click from functions");
+      const data = await axios.post("http://127.0.0.1:10000/get_locals", {
+        name: "program",
+      });
+      console.log(data.data.result);
+      setFunctions(data.data.result);
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  useEffect(() => {
+    if (refresh) {
+      fetchFunctionsData();
+    }
+  }, [refresh]);
+
   return (
     <div className="functions-parent">
       <a className="functions-heading"> Functions</a>
       offset
       <div className="functions">
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
-        <a>sub.KERNEL32.dll_DeleteCritical_231</a>
+        {functions}
+        {data.map((obj) => {
+          return <a>{obj}</a>;
+        })}
+        {/* <a>sub.KERNEL32.dll_DeleteCritical_231</a> */}
       </div>
     </div>
   );

diff --git a/webapp/src/components/Stack/Stack.jsx b/webapp/src/components/Stack/Stack.jsx
@@ -1,16 +1,32 @@
-import React from "react";
+import React, { useEffect } from "react";
+import { DataState } from "./../../context/DataContext";
 import "./Stack.css";
+import axios from "axios";
 
 const Stack = () => {
+  const { refresh, stack, setStack } = DataState();
+
+  const fetStackData = async () => {
+    try {
+      console.log("click from stack");
+      const data = await axios.post("http://127.0.0.1:10000/stack_trace", {
+        name: "program",
+      });
+      console.log(data.data.result);
+      setStack(data.data.result);
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  useEffect(() => {
+    if (refresh) fetStackData();
+  }, [refresh]);
   return (
     <div className="stack-parent">
       <div className="stack-heading">Stack</div>
       Offset
       <div className="stack">
-        <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
-        <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
-        <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
-        <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
+        <div>{stack}</div>
         <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
         <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>
         <div>0x001780c8 0x001780c8 0x001780c8 0x001780c8</div>

diff --git a/webapp/src/context/DataContext.jsx b/webapp/src/context/DataContext.jsx
@@ -19,12 +19,6 @@ export const DataProvider = ({ children }) => {
   const fetchData = useCallback(async () => {
     if (refresh) {
       try {
-        const stackResponse = await axios.get("/api/stack");
-        const functionsResponse = await axios.get("/api/functions");
-
-        setStack(stackResponse.data);
-        setFunctions(functionsResponse.data);
-
         setRefresh(false);
       } catch (error) {
         console.error("Error fetching data:", error);
@@ -43,7 +37,9 @@ export const DataProvider = ({ children }) => {
         refresh,
         setRefresh,
         stack,
+        setStack,
         functions,
+        setFunctions,
         infoBreakpointData,
         setInfoBreakpointData,
         memoryMap,