Skip to content

Commit 41f0112

Browse files
franky47franky47
committedMar 6, 2025
ref: Move banners
1 parent 41f48e2 commit 41f0112

File tree

4 files changed

+44
-45
lines changed

4 files changed

+44
-45
lines changed
 

Diff for: ‎packages/docs/src/app/banners.tsx

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import { Banner } from 'fumadocs-ui/components/banner'
2+
import Link from 'next/link'
3+
4+
export function NuqsV2AnnouncementTopBanner() {
5+
return (
6+
<Banner
7+
variant="rainbow"
8+
className="text-md gap-4 font-semibold"
9+
id="nuqs-2-announcement"
10+
>
11+
<span aria-hidden>🎉</span>
12+
<Link
13+
href="/blog/nuqs-2"
14+
className="decoration-slice decoration-1 transition-all hover:underline hover:underline-offset-8 focus-visible:underline focus-visible:outline-none"
15+
prefetch={false}
16+
>
17+
Announcing nuqs version 2
18+
</Link>
19+
<span aria-hidden>🎉</span>
20+
</Banner>
21+
)
22+
}
23+
24+
export function NuqsV2AnnouncementSidebarBanner() {
25+
return (
26+
<div className="my-2 flex justify-center gap-2 rounded-lg border border-blue-500/40 bg-blue-100/50 py-2.5 font-semibold dark:bg-blue-700/10">
27+
<span aria-hidden>🎉</span>
28+
<Link
29+
href="/blog/nuqs-2"
30+
className="text-blue-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-blue-100"
31+
prefetch={false}
32+
>
33+
Announcing nuqs v2 !
34+
</Link>
35+
<span aria-hidden>🎉</span>
36+
</div>
37+
)
38+
}

Diff for: ‎packages/docs/src/app/docs/layout.tsx

+2-14
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { source } from '@/src/app/source'
22
import { getSharedLayoutProps } from '@/src/components/shared-layout'
33
import { DocsLayout } from 'fumadocs-ui/layouts/docs'
4-
import Link from 'next/link'
54
import { Suspense, type ReactNode } from 'react'
5+
import { NuqsV2AnnouncementSidebarBanner } from '../banners'
66

77
export default function RootDocsLayout({ children }: { children: ReactNode }) {
88
return (
@@ -11,19 +11,7 @@ export default function RootDocsLayout({ children }: { children: ReactNode }) {
1111
{...getSharedLayoutProps()}
1212
sidebar={{
1313
collapsible: false,
14-
banner: (
15-
<div className="my-2 flex justify-center gap-2 rounded-lg border border-blue-500/40 bg-blue-100/50 py-2.5 font-semibold dark:bg-blue-700/10">
16-
<span aria-hidden>🎉</span>
17-
<Link
18-
href="/blog/nuqs-2"
19-
className="text-blue-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-blue-100"
20-
prefetch={false}
21-
>
22-
Announcing nuqs v2 !
23-
</Link>
24-
<span aria-hidden>🎉</span>
25-
</div>
26-
),
14+
banner: <NuqsV2AnnouncementSidebarBanner />,
2715
footer: (
2816
<Suspense>
2917
<SidebarFooter />

Diff for: ‎packages/docs/src/app/layout.tsx

+2-17
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
import { Banner } from 'fumadocs-ui/components/banner'
21
import { RootProvider } from 'fumadocs-ui/provider'
32
import type { Metadata } from 'next'
43
import { Inter } from 'next/font/google'
5-
import Link from 'next/link'
64
import Script from 'next/script'
75
import { NuqsAdapter } from 'nuqs/adapters/next'
86
import type { ReactNode } from 'react'
97
import { ResponsiveHelper } from '../components/responsive-helpers'
108
import { cn } from '../lib/utils'
9+
import { NuqsV2AnnouncementTopBanner } from './banners'
1110
import './globals.css'
1211

1312
const inter = Inter({
@@ -40,21 +39,7 @@ export default function Layout({ children }: { children: ReactNode }) {
4039
suppressHydrationWarning
4140
>
4241
<body>
43-
<Banner
44-
variant="rainbow"
45-
className="text-md gap-4 font-semibold"
46-
id="nuqs-2-announcement"
47-
>
48-
<span aria-hidden>🎉</span>
49-
<Link
50-
href="/blog/nuqs-2"
51-
className="decoration-slice decoration-1 transition-all hover:underline hover:underline-offset-8 focus-visible:underline focus-visible:outline-none"
52-
prefetch={false}
53-
>
54-
Announcing nuqs version 2
55-
</Link>
56-
<span aria-hidden>🎉</span>
57-
</Banner>
42+
<NuqsV2AnnouncementTopBanner />
5843
<RootProvider>
5944
<NuqsAdapter>{children}</NuqsAdapter>
6045
</RootProvider>

Diff for: ‎packages/docs/src/app/playground/layout.tsx

+2-14
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { getSharedLayoutProps } from '@/src/components/shared-layout'
22
import { DocsLayout } from 'fumadocs-ui/layouts/docs'
33
import { DocsBody, DocsPage } from 'fumadocs-ui/page'
4-
import Link from 'next/link'
54
import React, { Suspense } from 'react'
5+
import { NuqsV2AnnouncementSidebarBanner } from '../banners'
66
import { getPlaygroundTree } from './(demos)/demos'
77
import { DebugControl } from './debug-control'
88

@@ -25,19 +25,7 @@ export default function PlaygroundLayout({
2525
{...getSharedLayoutProps()}
2626
sidebar={{
2727
collapsible: false,
28-
banner: (
29-
<div className="my-2 flex justify-center gap-2 rounded-lg border border-blue-500/40 bg-blue-100/50 py-2.5 font-semibold dark:bg-blue-700/10">
30-
<span aria-hidden>🎉</span>
31-
<Link
32-
href="/blog/nuqs-2"
33-
className="text-blue-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-blue-100"
34-
prefetch={false}
35-
>
36-
Announcing nuqs v2 !
37-
</Link>
38-
<span aria-hidden>🎉</span>
39-
</div>
40-
),
28+
banner: <NuqsV2AnnouncementSidebarBanner />,
4129
footer: (
4230
<Suspense fallback={<DebugControlsSkeleton />}>
4331
<DebugControl />

0 commit comments

Comments
 (0)
Failed to load comments.