feat: add auth logout logic

src/layouts/Header/Header.tsx

@@ -24,6 +24,7 @@ import {
   setSelectedDevice,
 } from "../../stores/slices/deviceSlice";
 import CDeviceSelect from "../../components/CDeviceSelect";
+import { logout } from "../../stores/slices/authSlice";
 
 const Header: React.FC = () => {
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
@@ -160,7 +161,7 @@ const Header: React.FC = () => {
               </div>
             </div>
 
-            <div className="sidebar__logout">
+            <div className="sidebar__logout" onClick={() => dispatch(logout())}>
               <MdLogout className="sidebar__logout__icon" />
               <span>{t("navs.logout")}</span>
             </div>

src/stores/slices/authSlice.ts

@@ -4,6 +4,7 @@ import {
   type PayloadAction,
 } from "@reduxjs/toolkit";
 import { sendRpcRequest } from "../../services/apiClient";
+import { TG_USER_ID } from "../../constants/constants";
 
 interface IAuthUser {
   token: string;
@@ -87,12 +88,11 @@ const authSlice = createSlice({
   name: "auth",
   initialState,
   reducers: {
-    logout(state) {
-      state.user = null;
-    },
-    clearStatus(state) {
-      state.error = null;
-      state.success = false;
+    logout() {
+      localStorage.removeItem(`token-${TG_USER_ID}`);
+      localStorage.removeItem(`pincode-${TG_USER_ID}`);
+      sessionStorage.removeItem(`pincode-${TG_USER_ID}`);
+      window.location.href = "/";
     },
   },
   extraReducers: (builder) => {
@@ -150,5 +150,5 @@ const authSlice = createSlice({
   },
 });
 
-export const { logout, clearStatus } = authSlice.actions;
+export const { logout } = authSlice.actions;
 export default authSlice.reducer;