diff --git a/docs/components/nav-bar.tsx b/docs/components/nav-bar.tsx
index 4a6be411..83649b80 100644
--- a/docs/components/nav-bar.tsx
+++ b/docs/components/nav-bar.tsx
@@ -27,6 +27,23 @@ export const Navbar = () => {
{menu.name}
))}
+
+
+
@@ -53,6 +70,6 @@ export const navMenu = [
},
{
name: "community",
- path: "https://discord.gg/GYC3W7tZzb",
+ path: "https://github.com/better-auth/better-auth",
},
];
diff --git a/docs/components/nav-link.tsx b/docs/components/nav-link.tsx
index 05df3fe4..06399685 100644
--- a/docs/components/nav-link.tsx
+++ b/docs/components/nav-link.tsx
@@ -6,15 +6,17 @@ import { useSelectedLayoutSegment } from "next/navigation";
type Props = {
href: string;
children: React.ReactNode;
+ className?: string;
+ external?: boolean;
};
-export const NavLink = ({ href, children }: Props) => {
+export const NavLink = ({ href, children, className, external }: Props) => {
const segment = useSelectedLayoutSegment();
const isActive =
segment === href.slice(1) || (segment === null && href === "/");
return (
-
+
{
"group-hover:text-foreground",
isActive ? "text-foreground" : "text-muted-foreground",
)}
+ target={external ? "_blank" : "_parent"}
>
{children}
diff --git a/docs/components/side-bar.tsx b/docs/components/side-bar.tsx
index 7892b378..530e325c 100644
--- a/docs/components/side-bar.tsx
+++ b/docs/components/side-bar.tsx
@@ -17,6 +17,10 @@ import {
} from "./ui/select";
import { loglib } from "@loglib/tracker";
import { cn } from "@/lib/utils";
+import { GitHubIcon } from "@/app/changelogs/_components/icons";
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { Separator } from "./ui/separator";
export default function ArticleLayout() {
const [currentOpen, setCurrentOpen] = useState(0);
@@ -44,173 +48,183 @@ export default function ArticleLayout() {
return (