bellman-ford algo

Author: akash205sharma

public/graph.png

@@ -1,6 +1,6 @@
 import React from "react";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import UnionFindPage from "../src/pages/graph/UnionFind.jsx"; // ✅ Import Union-Find Page
+// import UnionFindPage from "../src/pages/graph/UnionFind.jsx"; // ✅ Import Union-Find Page
 import SortingPage from "./pages/sorting/SortingPage";
 import GraphPage from "./pages/graph/GraphPage";
 import Homepage from "./pages/Homepage.jsx";
@@ -10,7 +10,7 @@ function App() {
     <Router>
       <Routes>
         <Route path="/" element={<Homepage />} />
-        <Route path="/graph/union-find" element={<UnionFindPage />} /> {/* ✅ Added route */}
+        {/* <Route path="/graph/union-find" element={<UnionFindPage />} /> */}
         <Route path="/sorting" element={<SortingPage />} />
         <Route path="/graph" element={<GraphPage />} />
       </Routes>

src/App.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo } from "react";
 
-export default function GraphVisualizer({ nodes = [], edges = [], distances = {}, highlight = {} }) {
+export default function BellmanFordGraph({ nodes = [], edges = [], distances = {}, highlight = {} }) {
   const [positions, setPositions] = useState({});
 
   // Arrange nodes in a circle when nodes change

src/components/graph/GraphVisualizer.jsx renamed to src/components/graph/BellmanFordGraph.jsx

@@ -36,7 +36,7 @@ const sections = [
     description:
       "Explore BFS, DFS, Kruskal’s, Prim’s, and now Union-Find — all brought to life interactively.",
     phase: "Phase 2",
-    img: "",
+    img: "/graph.png",
     link: "/graph",
     flag: false
   },

src/components/graph/BellmanFordVisualizer.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { Toaster, toast } from "react-hot-toast";
-import BellmanFordVisualizer from "../../components/graph/BellmanFordVisualizer";
-import GraphVisualizer from "../../components/graph/GraphVisualizer";
+import BellmanFordGraph from "../../components/graph/BellmanFordGraph";
 
 // Bellman-Ford generator function
 function* bellmanFord(nodes, edges, source) {
@@ -237,13 +236,7 @@ export default function BellmanFord() {
                 </div>
             )}
 
-            {/* <BellmanFordVisualizer
-                nodes={nodes}
-                edges={edges}
-                distances={distances}
-                highlight={highlight}
-            /> */}
-            <GraphVisualizer
+            <BellmanFordGraph
                 nodes={nodes}
                 edges={edges}
                 distances={distances}