From 5ee8b62d67f84555d311a291fdb191ec13b8bed7 Mon Sep 17 00:00:00 2001
From: Abhimanyu Yadav <122007096+Abhi1992002@users.noreply.github.com>
Date: Thu, 21 Nov 2024 21:27:35 +0530
Subject: [PATCH] fix: hide content except login when not authenticated to
 prevent errors (#8398)

* fix: hide content except login when not authenticated to prevent errors

* Remove supabase folder from tracking

* Remove supabase folder from Git tracking

* adding git submodule

* adding git submodule

* Discard changes to .gitignore

* only showing AutoGPT logo if user is not present

---------

Co-authored-by: Nicholas Tindle <nicholas.tindle@agpt.co>
Co-authored-by: Nicholas Tindle <nicktindle@outlook.com>
Co-authored-by: Swifty <craigswift13@gmail.com>
Co-authored-by: Toran Bruce Richards <toran.richards@gmail.com>
---
 .../frontend/src/app/build/page.tsx             | 12 ++++++------
 .../frontend/src/components/NavBar.tsx          | 17 +++++++++++++++--
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/autogpt_platform/frontend/src/app/build/page.tsx b/autogpt_platform/frontend/src/app/build/page.tsx
index 6b5ea497e2..55302556aa 100644
--- a/autogpt_platform/frontend/src/app/build/page.tsx
+++ b/autogpt_platform/frontend/src/app/build/page.tsx
@@ -1,16 +1,16 @@
 "use client";
 
 import { useSearchParams } from "next/navigation";
-import FlowEditor from '@/components/Flow';
+import FlowEditor from "@/components/Flow";
 
 export default function Home() {
   const query = useSearchParams();
 
   return (
-      <FlowEditor
-        className="flow-container"
-        flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
-        template={!!query.get("templateID")}
-      />
+    <FlowEditor
+      className="flow-container"
+      flowID={query.get("flowID") ?? query.get("templateID") ?? undefined}
+      template={!!query.get("templateID")}
+    />
   );
 }
diff --git a/autogpt_platform/frontend/src/components/NavBar.tsx b/autogpt_platform/frontend/src/components/NavBar.tsx
index b22cbd48ea..d7b4c1ef77 100644
--- a/autogpt_platform/frontend/src/components/NavBar.tsx
+++ b/autogpt_platform/frontend/src/components/NavBar.tsx
@@ -7,7 +7,6 @@ import getServerUser from "@/hooks/getServerUser";
 import ProfileDropdown from "./ProfileDropdown";
 import { IconCircleUser, IconMenu } from "@/components/ui/icons";
 import CreditButton from "@/components/nav/CreditButton";
-
 import { NavBarButtons } from "./nav/NavBarButtons";
 
 export async function NavBar() {
@@ -17,7 +16,7 @@ export async function NavBar() {
   );
   const { user } = await getServerUser();
 
-  return (
+  return user ? (
     <header className="sticky top-0 z-50 mx-4 flex h-16 select-none items-center gap-4 border border-gray-300 bg-background p-3 md:rounded-b-2xl md:px-6 md:shadow">
       <div className="flex flex-1 items-center gap-4">
         <Sheet>
@@ -67,5 +66,19 @@ export async function NavBar() {
         {isAvailable && user && <ProfileDropdown />}
       </div>
     </header>
+  ) : (
+    <nav className="flex w-full items-center p-2 pt-8">
+      <div className="flex h-10 w-20 flex-1 flex-row items-center justify-center gap-2">
+        <a href="https://agpt.co/">
+          <Image
+            src="/AUTOgpt_Logo_dark.png"
+            alt="AutoGPT Logo"
+            width={100}
+            height={40}
+            priority
+          />
+        </a>
+      </div>
+    </nav>
   );
 }