diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3bc9df7..6745ff0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -34,9 +34,11 @@ export default function RootLayout({ > - -
- {children} +
+ +
+ {children} +
diff --git a/src/app/page.tsx b/src/app/page.tsx index d81a7b5..f0b0726 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,8 +2,8 @@ import OpenLinkInNewPage from "@/components/open-link-in-new-page"; export default async function HomePage() { return ( -
-
+
+
Welcome to Homelab Connector
Check out the diff --git a/src/components/topnav.tsx b/src/components/topnav.tsx index 29c4897..67c17ad 100644 --- a/src/components/topnav.tsx +++ b/src/components/topnav.tsx @@ -16,7 +16,7 @@ import { } from "@/components/ui/dropdown-menu"; import Image from "next/image"; import { useUser } from "@clerk/nextjs"; -import { User } from "lucide-react"; +import { AlignJustify, User } from "lucide-react"; import { useRouter } from "next/navigation"; import { AlertDialog, @@ -32,7 +32,6 @@ import { function UserSettings() { const { user } = useUser(); const { openUserProfile, signOut } = useClerk(); - const router = useRouter(); return ( @@ -45,20 +44,22 @@ function UserSettings() { height={32} priority={true} alt="Avatar" - className="mt-1 overflow-hidden rounded-full" + className="overflow-hidden rounded-full" /> ) : ( )} - My Account + + {user?.fullName ? user.fullName : <>My Account}{" "} + openUserProfile()}> Manage Account - router.push("/settings")}> - Settings + + Settings @@ -89,9 +90,9 @@ function UserSettings() { export function TopNav() { return ( -