clear authstate on sign out

fluentci-io · Jul 6, 2024 · baab274 · baab274
1 parent 8b93a74
commit baab274
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/webui/package.json b/webui/package.json
@@ -13,11 +13,11 @@
   "scripts": {
     "dev": "vite --config vite.dev.config.ts",
     "local": "VITE_APP_API_URL=http://localhost:8787/graphql vite --config vite.dev.config.ts",
-    "prod": "VITE_APP_API_URL=https://api.fluentci.io/graphql vite --config vite.dev.config.ts",
+    "prod": "VITE_APP_API_URL=https://api.fluentci.io/graphql VITE_CLERK_PUBLISHABLE_KEY=pk_live_Y2xlcmsuZmx1ZW50Y2kuaW8k vite --config vite.dev.config.ts",
     "start": "electron .",
     "build:web": "vite build --config vite.dev.config.ts",
     "build": "tsc && vite build && electron-builder",
-    "build:prod": "VITE_APP_API_URL=https://api.fluentci.io/graphql tsc && vite build --config vite.dev.config.ts",
+    "build:prod": "VITE_APP_API_URL=https://api.fluentci.io/graphql VITE_CLERK_PUBLISHABLE_KEY=pk_live_Y2xlcmsuZmx1ZW50Y2kuaW8k tsc && vite build --config vite.dev.config.ts",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",

diff --git a/webui/src/App.tsx b/webui/src/App.tsx
@@ -25,6 +25,7 @@ const router = createRouter([
         path: "/auth",
         element: <Auth />,
       },
+
       {
         path: "/auth/sso-callback",
         element: <AuthenticateWithRedirectCallback />,

diff --git a/webui/src/Components/Navbar/NavbarWithData.tsx b/webui/src/Components/Navbar/NavbarWithData.tsx
@@ -1,12 +1,13 @@
 import { FC, useEffect } from "react";
 import Navbar from "./Navbar";
 import { useNavigate } from "react-router-dom";
-import { useRecoilValue } from "recoil";
+import { useRecoilState, useRecoilValue } from "recoil";
 import { AuthState } from "../../Containers/Auth/AuthState";
 import { useAuth, useUser } from "@clerk/clerk-react";
 
 const NavbarWithData: FC = () => {
   const { getToken, isSignedIn, signOut } = useAuth();
+  const setMe = useRecoilState(AuthState)[1];
   const { user } = useUser();
   const me = useRecoilValue(AuthState);
   const navigate = useNavigate();
@@ -15,6 +16,7 @@ const NavbarWithData: FC = () => {
     await signOut();
     localStorage.setItem("logout", "true");
     localStorage.removeItem("token");
+    setMe(null);
   };
 
   useEffect(() => {