Skip to content

Commit 96b8d3b

Browse files
committed
Remove TanStack prefix from main nav library labels
Simplify the navigation by showing just the library name (Query, Router, Form, etc.) instead of the full "TanStack Query" format. The TanStack brand is already prominent in the logo, so the prefix is redundant.
1 parent e55e690 commit 96b8d3b

File tree

1 file changed

+6
-15
lines changed

1 file changed

+6
-15
lines changed

src/components/Navbar.tsx

Lines changed: 6 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -313,12 +313,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
313313
<div key={i}>
314314
{library.to?.startsWith('http') ? (
315315
<a href={library.to} className={linkClasses}>
316-
<span>
317-
<span className="font-light dark:font-bold dark:opacity-40">
318-
{prefix}
319-
</span>{' '}
320-
<span className={library.textStyle}>{name}</span>
321-
</span>
316+
<span className={library.textStyle}>{name}</span>
322317
</a>
323318
) : (
324319
<Collapsible defaultOpen={isActive}>
@@ -335,16 +330,12 @@ export function Navbar({ children }: { children: React.ReactNode }) {
335330
style={{
336331
viewTransitionName: `library-name-${library.id}`,
337332
}}
333+
className={twMerge(
334+
library.textStyle,
335+
isActive ? 'font-bold' : '',
336+
)}
338337
>
339-
<span
340-
className={twMerge(
341-
'font-light dark:font-bold dark:opacity-40',
342-
isActive ? `font-bold dark:opacity-100` : '',
343-
)}
344-
>
345-
{prefix}
346-
</span>{' '}
347-
<span className={library.textStyle}>{name}</span>
338+
{name}
348339
</span>
349340
<div className="flex items-center gap-1">
350341
{library.badge ? (

0 commit comments

Comments
 (0)