Clear the plan and recipe cache on signout

alex9smith · Nov 27, 2024 · 477d0cb · 477d0cb
1 parent 63cda87
commit 477d0cb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/frontend/src/components/TopNav/TopNav.jsx b/frontend/src/components/TopNav/TopNav.jsx
@@ -3,6 +3,7 @@ import { HomeIcon } from "@primer/octicons-react";
 import { useNavigate } from "react-router";
 import { googleLogout } from "@react-oauth/google";
 import { authenticationService } from "../../services/authentication";
+import { apiClient } from "../../services/apiClient";
 import { isProduction } from "../../constants";
 
 function TopNav() {
@@ -13,6 +14,7 @@ function TopNav() {
         as="div"
         onClick={() => {
           authenticationService.logout();
+          apiClient.clearCache();
           if (isProduction()) {
             googleLogout();
           }

diff --git a/frontend/src/services/apiClient.js b/frontend/src/services/apiClient.js
@@ -129,6 +129,11 @@ class ApiClient {
     cachedRecipes.recipes = cachedRecipes.filter((recipe) => recipe.id !== id);
     this.#cacheItem("recipes", cachedRecipes);
   }
+
+  clearCache() {
+    this.storage.removeItem("plan");
+    this.storage.removeItem("recipes");
+  }
 }
 
 export const apiClient = new ApiClient(getApiBaseUrl());