- Fixes some layout issues

- Adds a support us CTA in navbar
game-node-app · Oct 22, 2024 · ee9a4e9 · ee9a4e9
1 parent 16febbb
commit ee9a4e9
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 17 deletions.
diff --git a/src/components/general/shell/GlobalShellFooter.tsx b/src/components/general/shell/GlobalShellFooter.tsx
@@ -19,12 +19,7 @@ type IFooterLink = { href: string; label: string; external?: boolean };
 const links: IFooterLink[] = [
     { label: "About", href: "/about" },
     { label: "Privacy", href: "/privacy" },
-    { label: "Terms of Service", href: "/tos" },
-    {
-        label: "Donate",
-        href: "https://patreon.com/GameNodeApp",
-        external: true,
-    },
+    { label: "Terms", href: "/tos" },
 ];
 
 const GlobalShellFooter = () => {

diff --git a/src/components/general/shell/GlobalShellHeader/GlobalShellHeader.tsx b/src/components/general/shell/GlobalShellHeader/GlobalShellHeader.tsx
@@ -16,8 +16,6 @@ export default function GlobalShellHeader({
     toggleSidebar,
 }: IGlobalShellHeaderProps) {
     const userId = useUserId();
-    const [preferencesModalOpened, preferencesModalUtils] =
-        useDisclosure(false);
     return (
         <header className="h-full">
             <Container
@@ -29,7 +27,7 @@ export default function GlobalShellHeader({
                     onClick={toggleSidebar}
                     size="sm"
                 />
-                <Link href={"/search"}>
+                <Link href={"/"}>
                     <GameNodeLogo className="ms-6 w-22 h-auto max-h-full" />
                 </Link>
                 <Group className="ms-auto">

diff --git a/src/components/general/shell/GlobalShellNavbar/GlobalShellNavbar.tsx b/src/components/general/shell/GlobalShellNavbar/GlobalShellNavbar.tsx
@@ -1,6 +1,7 @@
 import {
     AppShell,
     Box,
+    Divider,
     Group,
     ScrollArea,
     Stack,
@@ -17,6 +18,8 @@ import {
     IconUserShield,
     IconSettings,
     IconLogout,
+    IconHeart,
+    IconHeartFilled,
 } from "@tabler/icons-react";
 import { UserButton } from "@/components/general/input/UserButton/UserButton";
 import Link from "next/link";
@@ -145,28 +148,42 @@ export default function GlobalShellNavbar({
                 </div>
             </div>
             <GlobalShellNavbarCollections onClose={onClose} />
-            {isLoggedIn && (
-                <div
-                    className={`${classes.section} mt-auto mb-0 flex flex-col `}
-                >
+            <div className={`${classes.section} mt-auto mb-0 flex flex-col `}>
+                {isLoggedIn && (
                     <Link href={"/preferences"} onClick={onClose}>
-                        <Group className={"gap-1 px-md"}>
+                        <Group className={"gap-1 px-md py-sm"}>
                             <IconSettings></IconSettings>
                             <Text span>Settings</Text>
                         </Group>
                     </Link>
+                )}
+                <Link
+                    href={"https://patreon.com/GameNodeApp"}
+                    target={"_blank"}
+                    onClick={onClose}
+                >
+                    <Group
+                        className={
+                            "gap-1 w-full px-md py-sm bg-[#f96854] text-white"
+                        }
+                    >
+                        <IconHeartFilled />
+                        <Text span>Support us</Text>
+                    </Group>
+                </Link>
+                {isLoggedIn && (
                     <Link href={"/auth/logout"}>
                         <Group
                             className={
-                                "gap-1 w-full px-md py-sm mt-4 bg-[#F49898] text-white"
+                                "gap-1 w-full px-md py-sm bg-[#F49898] text-white"
                             }
                         >
                             <IconLogout />
                             <Text span>Logout</Text>
                         </Group>
                     </Link>
-                </div>
-            )}
+                )}
+            </div>
         </nav>
     );
 }