@snapdragonsnursery/react-components 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/AuthButtons.jsx

@@ -24,7 +24,6 @@ import {
   clearUserContext,
 } from "./telemetry";
 import ThemeToggle from "./ThemeToggle";
-import { Menu } from "@headlessui/react";
 import { createPopper } from "@popperjs/core";
 
 const isMobile = window.innerWidth < 640;
@@ -181,32 +180,10 @@ function AuthButtons({ theme, setTheme, authState, setAuthState }) {
       trackAuthEvent("logout", true);
       clearUserContext();
 
-      // Clear all accounts from MSAL cache
-      instance.clearCache();
-
-      // Clear any stored tokens from localStorage/sessionStorage
-      const msalKeys = Object.keys(localStorage).filter((key) =>
-        key.startsWith("msal.")
-      );
-      msalKeys.forEach((key) => localStorage.removeItem(key));
-
-      const msalSessionKeys = Object.keys(sessionStorage).filter((key) =>
-        key.startsWith("msal.")
-      );
-      msalSessionKeys.forEach((key) => sessionStorage.removeItem(key));
-
-      // Force a re-render by updating the auth state
-      setAuthState({
-        isAuthenticated: false,
-        accountsCount: 0,
-        account: null,
-        instance: null,
+      // Use MSAL's built-in logout with redirect
+      await instance.logoutRedirect({
+        postLogoutRedirectUri: "/", // or your desired landing page
       });
-
-      // Clear profile picture
-      setProfilePicture(null);
-
-      console.log("Local logout completed - user remains on site");
     } catch (error) {
       console.error("Logout failed:", error);
       trackError(error, { context: "logout" });
@@ -308,8 +285,7 @@ function AuthButtons({ theme, setTheme, authState, setAuthState }) {
   return (
     <div className="relative inline-block text-left">
       <div>
-        <Menu.Button
-          as="div"
+        <button
           ref={buttonRef}
           className="focus:outline-none"
           onClick={() => setMenuOpen((open) => !open)}
@@ -332,7 +308,7 @@ function AuthButtons({ theme, setTheme, authState, setAuthState }) {
               </span>
             </div>
           )}
-        </Menu.Button>
+        </button>
       </div>
       {menuOpen && (
         <div