doc: Add v2 blog link to playground

47ng · Oct 22, 2024 · 1235e27 · 1235e27
1 parent 486543a
commit 1235e27
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/docs/src/app/playground/layout.tsx b/packages/docs/src/app/playground/layout.tsx
@@ -2,6 +2,7 @@ import { getSharedLayoutProps } from '@/src/components/shared-layout'
 import { DocsLayout } from 'fumadocs-ui/layout'
 import { DocsBody, DocsPage } from 'fumadocs-ui/page'
 import dynamic from 'next/dynamic'
+import Link from 'next/link'
 import React from 'react'
 import { getPlaygroundTree } from './(demos)/demos'
 
@@ -29,6 +30,18 @@ export default function PlaygroundLayout({
         {...getSharedLayoutProps()}
         sidebar={{
           collapsible: false,
+          banner: (
+            <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">
+              <span aria-hidden>🎉</span>
+              <Link
+                href="/blog/nuqs-2"
+                className="text-blue-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-blue-100"
+              >
+                Announcing nuqs v2 !
+              </Link>
+              <span aria-hidden>🎉</span>
+            </div>
+          ),
           footer: <DebugControl />
         }}
       >