2 files changed, 39 insertions, 0 deletions
diff --git a/src/app/logout/LogoutPage.tsx b/src/app/logout/LogoutPage.tsx
new file mode 100644
index 0000000..33e1615
--- /dev/null
+++ b/src/app/logout/LogoutPage.tsx
@@ -0,0 +1,25 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { useApi } from '@/components/hooks';
+import { removeClientAuthToken } from '@/lib/client';
+import { setUser } from '@/store/app';
+
+export function LogoutPage() {
+  const router = useRouter();
+  const { post } = useApi();
+
+  useEffect(() => {
+    async function logout() {
+      await post('/auth/logout');
+
+      window.location.href = `${process.env.basePath || ''}/login`;
+    }
+
+    removeClientAuthToken();
+    setUser(null);
+    logout();
+  }, [router, post]);
+
+  return null;
+}
diff --git a/src/app/logout/page.tsx b/src/app/logout/page.tsx
new file mode 100644
index 0000000..2095278
--- /dev/null
+++ b/src/app/logout/page.tsx
@@ -0,0 +1,14 @@
+import type { Metadata } from 'next';
+import { LogoutPage } from './LogoutPage';
+
+export default function () {
+  if (process.env.DISABLE_LOGIN || process.env.CLOUD_MODE) {
+    return null;
+  }
+
+  return <LogoutPage />;
+}
+
+export const metadata: Metadata = {
+  title: 'Logout',
+};