Remove unnecessary code and home page

xederro · xederro · commit 6321bf5b2bca · 2025-04-02T22:51:09.000+02:00
diff --git a/frontend/app/components/diff-viewer.tsx b/frontend/app/components/diff-viewer.tsx
@@ -61,7 +61,6 @@ export default function DiffViewer({ file1, file2, onClose }: DiffViewerProps) {
       setDiffTree(result)
       setIsLoading(false)
     })
-    // const result = generateUnifiedDiff(file1.content, file2.content)
 
   }, [file1, file2])
 
diff --git a/frontend/app/components/navbar.tsx b/frontend/app/components/navbar.tsx
@@ -10,14 +10,14 @@ export default function Navbar() {
             <Shield className="h-6 w-6 text-primary" />
             <span className="text-xl font-bold">API Protector</span>
           </NavLink>
-          <nav className="hidden md:flex items-center space-x-6">
-            <NavLink to="/" className="text-sm text-gray-600 hover:text-primary">
-              Home
-            </NavLink>
-            <NavLink to="/compare" className="text-sm text-gray-600 hover:text-primary">
-              Compare
-            </NavLink>
-          </nav>
+          {/*<nav className="hidden md:flex items-center space-x-6">*/}
+          {/*  <NavLink to="/" className="text-sm text-gray-600 hover:text-primary">*/}
+          {/*    Home*/}
+          {/*  </NavLink>*/}
+          {/*  <NavLink to="/compare" className="text-sm text-gray-600 hover:text-primary">*/}
+          {/*    Compare*/}
+          {/*  </NavLink>*/}
+          {/*</nav>*/}
         </div>
       </div>
     </header>
diff --git a/frontend/app/routes.ts b/frontend/app/routes.ts
@@ -1,6 +1,5 @@
-import {type RouteConfig, index, route} from "@react-router/dev/routes";
+import {type RouteConfig, index} from "@react-router/dev/routes";
 
 export default [
     index("routes/home.tsx"),
-    route("compare", "routes/compare.tsx"),
 ] satisfies RouteConfig;
diff --git a/frontend/app/routes/compare.tsx b/frontend/app/routes/compare.tsx
diff --git a/frontend/app/routes/home.tsx b/frontend/app/routes/home.tsx
@@ -1,27 +1,20 @@
+import FileComparisonTool from "~/components/file-comparison-tool"
 import type { Route } from "./+types/home";
-import {useEffect, useState} from "react";
-import { Button } from "~/components/ui/button"
 
 export function meta({}: Route.MetaArgs) {
   return [
-    { title: "API Protector" },
-    { name: "description", content: "Welcome to React Router!" },
+    { title: "API Protector - File Comparison" },
+    { name: "Comparator", content: "Compare JSON and YAML files to identify differences" },
   ];
 }
 
-export default function Home() {
-  const [hello, setHello] = useState("Waiting for hello!");
-
-  const getHello = async () => {
-    const response = await fetch("/api/v1/hello");
-    response.text().then((data)=>setHello(data));
-  };
-
-  useEffect(() => {
-    getHello();
-  }, []);
-
+export default function ComparePage() {
   return (
-      <h1 className="text-3xl font-bold mb-6"><Button onClick={getHello}>{hello}</Button></h1>
-  );
-}
+    <>
+      <h1 className="text-3xl font-bold mb-6">File Comparison Tool</h1>
+      <p className="text-gray-600 mb-8">Upload two JSON or YAML files to compare their structure and content.</p>
+      <FileComparisonTool />
+    </>
+  )
+}
+
