feat: add Discord icon in top navbar (#45)

Author: tjyyy3

package-lock.json

@@ -1,6 +1,6 @@
 import { source } from "@/lib/source";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
-import { baseOptions } from "@/lib/layout.shared";
+import { baseOptions, sharedLinks } from "@/lib/layout.shared";
 
 export default function Layout({ children }: LayoutProps<"/docs">) {
   const base = baseOptions();
@@ -22,6 +22,7 @@ export default function Layout({ children }: LayoutProps<"/docs">) {
     <DocsLayout
       tree={source.pageTree}
       {...base}
+      links={sharedLinks}
       nav={docsNav}
       sidebar={{
         collapsible: true,

public/icons/discord.svg

@@ -1,6 +1,7 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
 import type { LinkItemType } from "fumadocs-ui/layouts/shared";
 import Link from "next/link";
+import Image from "next/image";
 
 export function baseOptions(): BaseLayoutProps {
   return {
@@ -9,9 +10,11 @@ export function baseOptions(): BaseLayoutProps {
       enabled: true,
       children: (
         <Link href="/" className="inline-flex items-center gap-2 font-semibold text-lg">
-          <img
+          <Image
             src="https://cdn.casbin.org/img/casbin_logo_1024x256.png"
             alt="Casbin"
+            width={128}
+            height={32}
             className="h-8 object-contain"
           />
         </Link>
@@ -53,4 +56,14 @@ export const sharedLinks: LinkItemType[] = [
     url: "/help",
     text: "Help",
   },
+  {
+    type: "icon",
+    url: "https://discord.gg/S5UjpzGZjN",
+    text: "Discord",
+    label: "Discord",
+    icon: (
+      <Image src="/icons/discord.svg" alt="Discord" width={20} height={20} className="size-5" />
+    ),
+    external: true,
+  },
 ];