From be7391ed2576060b3b9f30bcdac8d5b336e578b4 Mon Sep 17 00:00:00 2001
From: V <luthfihizb@gmail.com>
Date: Mon, 29 Dec 2025 14:11:23 +0700
Subject: [PATCH 1/5] feat: add github on navbar

---
 src/components/Navbar.tsx | 28 ++++++++++++----------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 34adef22..321f9a0b 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -143,34 +143,30 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   )
 
   const socialLinks = (
-    <div className="flex items-center">
+    <div className="flex items-center gap-2 [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
       <a
-        href="https://x.com/tan_stack"
-        className="p-1.5 opacity-50 hover:opacity-100 transition-opacity"
-        aria-label="Follow TanStack on X.com"
+        href="https://github.com/tanstack"
+        aria-label="Follow TanStack on GitHub"
       >
-        <BrandXIcon className="text-sm" />
+        <GithubIcon />
+      </a>
+      <a href="https://x.com/tan_stack" aria-label="Follow TanStack on X.com">
+        <BrandXIcon />
       </a>
       <a
         href="https://bsky.app/profile/tanstack.com"
-        className="p-1.5 opacity-50 hover:opacity-100 transition-opacity"
-        aria-label="Follow TanStack on Bluesky"
+        aria-label="Follow TanStack on Besky"
       >
-        <BSkyIcon className="text-sm" />
+        <BSkyIcon />
       </a>
       <a
         href="https://instagram.com/tan_stack"
-        className="p-1.5 opacity-50 hover:opacity-100 transition-opacity"
         aria-label="Follow TanStack on Instagram"
       >
-        <InstagramIcon className="text-sm" />
+        <InstagramIcon />
       </a>
-      <a
-        href="https://tlinz.com/discord"
-        className="p-1.5 opacity-50 hover:opacity-100 transition-opacity"
-        aria-label="Join TanStack Discord"
-      >
-        <DiscordIcon className="text-sm" />
+      <a href="https://tlinz.com/discord" aria-label="Join TanStack Discord">
+        <DiscordIcon />
       </a>
     </div>
   )

From 1e16aa08580c4ba734c54f29bc0e13ae331e5650 Mon Sep 17 00:00:00 2001
From: V <luthfihizb@gmail.com>
Date: Mon, 29 Dec 2025 14:47:24 +0700
Subject: [PATCH 2/5] feat: add dynamic github repo and aria label

---
 src/components/Navbar.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 321f9a0b..edd7f49e 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -26,7 +26,7 @@ import {
   Unauthenticated,
   AuthLoading,
 } from '~/components/AuthComponents'
-import { libraries } from '~/libraries'
+import { libraries, findLibrary } from '~/libraries'
 import { useCapabilities } from '~/hooks/useCapabilities'
 import { GithubIcon } from '~/components/icons/GithubIcon'
 import { DiscordIcon } from '~/components/icons/DiscordIcon'
@@ -39,9 +39,15 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const matches = useMatches()
   const capabilities = useCapabilities()
 
-  const Title =
-    [...matches].reverse().find((m) => m.staticData.Title)?.staticData.Title ??
-    null
+  const { Title, library } = React.useMemo(() => {
+    const match = [...matches].reverse().find((m) => m.staticData.Title)
+    const libraryId = match?.params?.libraryId
+
+    return {
+      Title: match?.staticData.Title ?? null,
+      library: libraryId ? findLibrary(libraryId) : null,
+    }
+  }, [matches])
 
   const canAdmin = capabilities.includes('admin')
 
@@ -145,8 +151,8 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const socialLinks = (
     <div className="flex items-center gap-2 [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
       <a
-        href="https://github.com/tanstack"
-        aria-label="Follow TanStack on GitHub"
+        href={`https://github.com/tanstack/${library?.repo ?? ''}`}
+        aria-label={`Follow ${library?.name ?? 'TanStack'} on GitHub`}
       >
         <GithubIcon />
       </a>

From 138ae84fa202e4f0957678b5f7eafff91ef53d46 Mon Sep 17 00:00:00 2001
From: V <luthfihizb@gmail.com>
Date: Mon, 29 Dec 2025 15:09:37 +0700
Subject: [PATCH 3/5] fix: github url

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index edd7f49e..c2d7a092 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -151,7 +151,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const socialLinks = (
     <div className="flex items-center gap-2 [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
       <a
-        href={`https://github.com/tanstack/${library?.repo ?? ''}`}
+        href={`https://github.com/${library?.repo ?? ''}`}
         aria-label={`Follow ${library?.name ?? 'TanStack'} on GitHub`}
       >
         <GithubIcon />

From 0d565f14b619fcc043574890fba7b4b4503578f2 Mon Sep 17 00:00:00 2001
From: V <luthfihizb@gmail.com>
Date: Tue, 30 Dec 2025 11:03:53 +0700
Subject: [PATCH 4/5] fix: default github url

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index c2d7a092..ed9864e4 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -151,7 +151,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const socialLinks = (
     <div className="flex items-center gap-2 [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
       <a
-        href={`https://github.com/${library?.repo ?? ''}`}
+        href={`https://github.com/${library?.repo ?? 'tanstack'}`}
         aria-label={`Follow ${library?.name ?? 'TanStack'} on GitHub`}
       >
         <GithubIcon />

From 21dcbab6cb5be21adc3cc1cd1c1caf4c0fda32c2 Mon Sep 17 00:00:00 2001
From: V <luthfihizb@gmail.com>
Date: Tue, 30 Dec 2025 17:56:36 +0700
Subject: [PATCH 5/5] fix: remove gap

---
 src/components/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index ed9864e4..7b8029fc 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -149,7 +149,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   )
 
   const socialLinks = (
-    <div className="flex items-center gap-2 [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
+    <div className="flex items-center [&_a]:p-1.5 [&_a]:opacity-50 [&_a:hover]:opacity-100 [&_a]:transition-opacity [&_svg]:text-sm">
       <a
         href={`https://github.com/${library?.repo ?? 'tanstack'}`}
         aria-label={`Follow ${library?.name ?? 'TanStack'} on GitHub`}