From 793d24dc9952b8e84237b9a515450da758d3e264 Mon Sep 17 00:00:00 2001
From: Citali <git@fellies.email>
Date: Sat, 27 Dec 2025 21:44:13 +0100
Subject: [PATCH] Fix auth

---
 src/app/(admin)/layout.tsx           |  2 +-
 src/app/(auth)/layout.tsx            |  2 +-
 src/components/auth/LogoutButton.tsx | 25 +++++++++++++++++--------
 src/components/global/Header.tsx     |  3 ++-
 src/lib/auth-client.ts               |  3 +++
 5 files changed, 24 insertions(+), 11 deletions(-)
 create mode 100644 src/lib/auth-client.ts

diff --git a/src/app/(admin)/layout.tsx b/src/app/(admin)/layout.tsx
index d99a790..3895bed 100644
--- a/src/app/(admin)/layout.tsx
+++ b/src/app/(admin)/layout.tsx
@@ -2,7 +2,7 @@ import Footer from "@/components/global/Footer";
 import Header from "@/components/global/Header";
 import { Toaster } from "@/components/ui/sonner";
 
-export default function NormalLayout({
+export default function AdminLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
index 62e3baa..71d5910 100644
--- a/src/app/(auth)/layout.tsx
+++ b/src/app/(auth)/layout.tsx
@@ -1,5 +1,5 @@
 
-export default function NormalLayout({
+export default function AuthLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
diff --git a/src/components/auth/LogoutButton.tsx b/src/components/auth/LogoutButton.tsx
index 155ba12..5f9eb57 100644
--- a/src/components/auth/LogoutButton.tsx
+++ b/src/components/auth/LogoutButton.tsx
@@ -1,19 +1,28 @@
 "use client";
 
 import { Button } from "@/components/ui/button";
+import { authClient } from "@/lib/auth-client";
 import { useRouter } from "next/navigation";
 
-export function LogoutButton() {
+export default function LogoutButton() {
   const router = useRouter();
 
-  async function logout() {
-    await fetch("/api/auth/sign-out", { method: "POST" });
-    router.replace("/login");
-    router.refresh();
-  }
-
   return (
-    <Button variant="secondary" onClick={logout}>
+    <Button
+      variant="secondary"
+      onClick={async () => {
+        await authClient.signOut({
+          fetchOptions: {
+            // Ensures cookies are sent and cleared
+            credentials: "include",
+            onSuccess: () => {
+              router.replace("/login");
+              router.refresh();
+            },
+          },
+        });
+      }}
+    >
       Sign out
     </Button>
   );
diff --git a/src/components/global/Header.tsx b/src/components/global/Header.tsx
index 5de3a7e..72d98f2 100644
--- a/src/components/global/Header.tsx
+++ b/src/components/global/Header.tsx
@@ -1,4 +1,5 @@
-import { LogoutButton } from "../auth/LogoutButton";
+
+import LogoutButton from "../auth/LogoutButton";
 import ModeToggle from "./ModeToggle";
 import TopNav from "./TopNav";
 
diff --git a/src/lib/auth-client.ts b/src/lib/auth-client.ts
new file mode 100644
index 0000000..b313a12
--- /dev/null
+++ b/src/lib/auth-client.ts
@@ -0,0 +1,3 @@
+import { createAuthClient } from "better-auth/client";
+
+export const authClient = createAuthClient();
\ No newline at end of file