use revalidate token

Author: joshunrau

apps/playground/src/components/Header/ActionsDropdown/LoginDialog.tsx

@@ -1,5 +1,7 @@
 /* eslint-disable perfectionist/sort-objects */
 
+import { useEffect } from 'react';
+
 import { asyncResultify } from '@douglasneuroinformatics/libjs';
 import { Dialog, Form } from '@douglasneuroinformatics/libui/components';
 import { useNotificationsStore } from '@douglasneuroinformatics/libui/hooks';
@@ -29,9 +31,14 @@ export const LoginDialog = ({ isOpen, setIsOpen }: LoginDialogProps) => {
   const isAuthorized = useAppStore((store) => !!store.auth);
   const updateSettings = useAppStore((store) => store.updateSettings);
   const login = useAppStore((store) => store.login);
+  const revalidateToken = useAppStore((store) => store.revalidateToken);
 
   const addNotification = useNotificationsStore((store) => store.addNotification);
 
+  useEffect(() => {
+    revalidateToken();
+  }, [isOpen]);
+
   const getAdminToken = (credentials: $LoginCredentials): ResultAsync<{ accessToken: string }, string> => {
     return asyncResultify(async () => {
       try {

apps/playground/src/components/Header/ActionsDropdown/UploadBundleDialog.tsx

@@ -20,9 +20,14 @@ export const UploadBundleDialog = ({ isOpen, setIsOpen, onLoginRequired }: Uploa
 
   const auth = useAppStore((store) => store.auth);
   const apiBaseUrl = useAppStore((store) => store.settings.apiBaseUrl);
+  const revalidateToken = useAppStore((store) => store.revalidateToken);
 
   const transpilerStateRef = useRef(useAppStore.getState().transpilerState);
 
+  useEffect(() => {
+    revalidateToken();
+  }, [isOpen]);
+
   useEffect(() => {
     useAppStore.subscribe(
       (store) => store.transpilerState,