fix: frontend ipfs removed

Author: imiskii

frontend/src/App.tsx

@@ -1,57 +1,11 @@
-import { useState, useEffect } from 'react'
-import { useIPFS } from './context/IPFSContext'
-import { Task, TaskDifficulty } from '../../objects/BoardTask'
+import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import './App.css'
 
 
 function App() {
-  const { ipfsBoard, loading: configLoading, error } = useIPFS();
   const [count, setCount] = useState(0)
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [cid, setCid] = useState<string | null>(null);
-  const [loading, setLoading] = useState(false);
-
-  // Sync config loading with local loading
-  useEffect(() => {
-    setLoading(configLoading);
-  }, [configLoading]);
-
-  if (loading) return <p>Loading configuration...</p>;
-  if (error) return <p>Error loading config: {error.message}</p>;
-  if (!ipfsBoard) return <p>No config loaded</p>;
-
-  const createAndUploadTask = async () => {
-    setLoading(true);
-    try {
-      const task = new Task({
-        title,
-        description,
-        difficulty: TaskDifficulty.EASY,
-        tags: ["demo"],
-        createdBy: "User123",
-      });
-
-      const newCid = await ipfsBoard.publishTask(task);
-      setCid(newCid);
-    } catch (err) {
-      console.error(err);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const downloadTask = async () => {
-    if (!cid) return;
-    try {
-      const task = await ipfsBoard.loadTaskFromIPFS(cid);
-      alert(`Loaded task: ${task.title}`);
-    } catch (err) {
-      console.error(err);
-    }
-  };
 
   return (
     <>
@@ -75,31 +29,6 @@ function App() {
         <p className="read-the-docs">
           Click on the Vite and React logos to learn more
         </p>
-        <div style={{ padding: 20 }}>
-        <h2>Create Task</h2>
-        <input
-          type="text"
-          placeholder="Task title"
-          value={title}
-          onChange={(e) => setTitle(e.target.value)}
-        />
-        <br />
-        <textarea
-          placeholder="Task description"
-          value={description}
-          onChange={(e) => setDescription(e.target.value)}
-        />
-        <br />
-        <button onClick={createAndUploadTask} disabled={loading}>
-          {loading ? "Uploading..." : "Upload to IPFS"}
-        </button>
-        {cid && (
-          <>
-            <p>✅ Task uploaded with CID: {cid}</p>
-            <button onClick={downloadTask}>Download Task from IPFS</button>
-          </>
-        )}
-      </div>
     </>
   )
 }

frontend/src/context/IPFSContext.tsx

@@ -1,13 +1,10 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import { IPFSProvider } from "./context/IPFSContext.tsx";
 import './index.css'
 import App from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <IPFSProvider>
       <App />
-    </IPFSProvider>
   </StrictMode>,
 )