From 04347f4cd98936a0b261c3ded106924bbd873f3e Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Mon, 7 Apr 2025 13:03:21 +0300
Subject: [PATCH] feat: logout button

---
 src/pages/profile_settings.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/profile_settings.tsx b/src/pages/profile_settings.tsx
index 86100dc..58d9e25 100644
--- a/src/pages/profile_settings.tsx
+++ b/src/pages/profile_settings.tsx
@@ -1,8 +1,12 @@
 import Button from "@/components/ui/Button";
+import { useAppContext } from "@/providers/AuthProvider";
 import { FunctionComponent } from "preact";
+import { useLocation } from "preact-iso";
 import classes from "./profile_settings.module.scss";
 
-const ProfifleSettings: FunctionComponent = () => {
+const ProfileSettings: FunctionComponent = () => {
+  const { isLoggedIn } = useAppContext();
+  const { route } = useLocation();
   return (
     <div class={classes.container}>
       <div class={classes.header_block}>
@@ -17,11 +21,19 @@ const ProfifleSettings: FunctionComponent = () => {
         <div class="flex w-[300px] flex-col gap-10">
           <Button>Сменить тему</Button>
           <Button>Настройки</Button>
-          <Button color="secondary">Выйти</Button>
+          <Button
+            color="secondary"
+            onClick={() => {
+              isLoggedIn.value = false;
+              route("/login", true);
+            }}
+          >
+            Выйти
+          </Button>
         </div>
       </div>
     </div>
   );
 };
 
-export default ProfifleSettings;
+export default ProfileSettings;