From 422605f7a62ae3d32573387ab45e739b497357c6 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Tue, 30 Jul 2024 23:47:29 +0900
Subject: feat(frontend): implement /logout

---
 frontend/app/routes/dashboard.tsx | 12 +++++++++++-
 frontend/app/routes/logout.tsx    |  6 ++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 frontend/app/routes/logout.tsx

(limited to 'frontend/app')

diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx
index d7cad6c..9afee86 100644
--- a/frontend/app/routes/dashboard.tsx
+++ b/frontend/app/routes/dashboard.tsx
@@ -1,5 +1,5 @@
 import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
-import { Link, useLoaderData } from "@remix-run/react";
+import { Link, useLoaderData, Form } from "@remix-run/react";
 import { isAuthenticated } from "../.server/auth";
 import { apiClient } from "../.server/api/client";
 
@@ -68,6 +68,16 @@ export default function Dashboard() {
             ))}
           </ul>
         </div>
+        <div>
+          <Form method="post" action="/logout">
+            <button
+              className="mt-6 px-6 py-2 text-white bg-red-500 hover:bg-red-700 rounded"
+              type="submit"
+            >
+              Logout
+            </button>
+          </Form>
+        </div>
       </div>
     </div>
   );
diff --git a/frontend/app/routes/logout.tsx b/frontend/app/routes/logout.tsx
new file mode 100644
index 0000000..f48081d
--- /dev/null
+++ b/frontend/app/routes/logout.tsx
@@ -0,0 +1,6 @@
+import type { ActionFunctionArgs } from "@remix-run/node";
+import { authenticator } from "../.server/auth";
+
+export async function action({ request }: ActionFunctionArgs) {
+  await authenticator.logout(request, { redirectTo: "/" });
+}
-- 
cgit v1.2.3-70-g09d2