Merge branch 'dev_v1-admin' into debian12_v1-admin

admin/src/Layout/Layout.tsx

@@ -3,15 +3,20 @@ import { useEffect } from "react";
 import Dashboard from "./Dashboard";
 import Login from "./Login";
 import Cookies from "js-cookie";
+import Landingpage from "@/components/API/Landingpage";
 
-type LayoutProps = {
-  children: React.ReactNode;
-};
-
-const Layout: React.FC<LayoutProps> = ({ children }) => {
+const Layout: React.FC = () => {
   const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const [showAPI, setShowAPI] = useState(false);
 
   useEffect(() => {
+    const path = window.location.pathname.replace(/\/+$/, ""); // remove trailing slash
+    if (path === "/api") {
+      setShowAPI(true);
+      console.log("signal");
+      return;
+    }
+
     if (Cookies.get("token")) {
       const verifyToken = async () => {
         const response = await fetch("https://backend.insta.the1s.de/api/verifyToken", {
@@ -37,17 +42,22 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
     setIsLoggedIn(false);
   };
 
-  return (
-    <>
+  if (showAPI) {
+    return (
       <main>
-        {isLoggedIn ? (
-          <Dashboard onLogout={() => handleLogout()} />
-        ) : (
-          <Login onSuccess={() => setIsLoggedIn(true)} />
-        )}
+        <Landingpage />
       </main>
-      {children}
-    </>
+    );
+  }
+
+  return (
+    <main>
+      {isLoggedIn ? (
+        <Dashboard onLogout={() => handleLogout()} />
+      ) : (
+        <Login onSuccess={() => setIsLoggedIn(true)} />
+      )}
+    </main>
   );
 };