feat: refactor layout and links page, add AppShell component for improved structure

2026-03-18 12:24:37 +03:00
parent 80da5424dc
commit 6627402267
5 changed files with 305 additions and 142 deletions
@@ -0,0 +1,54 @@
+"use client";
+
+import { Icon } from "@iconify/react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { AnnouncementBar } from "poyraz-ui/organisms";
+import { SiteNavbar } from "@/components/site-navbar";
+import { NekoFollower } from "@/components/neko-follower";
+import { ANNOUNCEMENT_ITEMS } from "@/data/site-settings";
+
+type AppShellProps = {
+  children: React.ReactNode;
+};
+
+export function AppShell({ children }: AppShellProps) {
+  const pathname = usePathname();
+  const announcement = ANNOUNCEMENT_ITEMS[0];
+  const isStandaloneLinksPage = pathname === "/links" || pathname.startsWith("/links/");
+
+  if (isStandaloneLinksPage) {
+    return children;
+  }
+
+  return (
+    <>
+      <NekoFollower />
+      <div className="mx-auto flex w-full max-w-4xl flex-col overflow-hidden px-4 py-4 sm:px-6">
+        <SiteNavbar />
+        {announcement ? (
+          <AnnouncementBar
+            variant="branded"
+            dismissible={false}
+            icon={<Icon icon="mdi:sparkles" width={16} height={16} />}
+            action={
+              announcement.actionLabel && announcement.actionHref ? (
+                <Link
+                  href={announcement.actionHref}
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-xs font-bold underline"
+                >
+                  {announcement.actionLabel}
+                </Link>
+              ) : null
+            }
+          >
+            {announcement.text}
+          </AnnouncementBar>
+        ) : null}
+        <main className="flex-1 overflow-hidden py-4">{children}</main>
+      </div>
+    </>
+  );
+}