From aa0171b4f334d78d1cbf22ea9cb7f3240759cb7a Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 22 Dec 2025 06:33:15 +0000
Subject: [PATCH] LogOutButton component

---
 .../frontend/src/components/log-out-button.tsx  | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 packages/frontend/src/components/log-out-button.tsx

diff --git a/packages/frontend/src/components/log-out-button.tsx b/packages/frontend/src/components/log-out-button.tsx
new file mode 100644
index 0000000..0389010
--- /dev/null
+++ b/packages/frontend/src/components/log-out-button.tsx
@@ -0,0 +1,17 @@
+import { LogOut } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export default function LogOutButton() {
+    const logOut = () => {
+        localStorage.removeItem("token");
+        localStorage.removeItem("user");
+        window.location.href = "/";
+    };
+
+    return (
+        <Button onClick={logOut} variant={"destructive"} className="flex gap-2 items-center">
+            Log out
+            <LogOut size={15} />
+        </Button>
+    );
+}