chore(dashboard): add wait util function, keep delay with success messages before redirects (shortened)

Author: awisniew207

packages/apps/app-dashboard/src/components/user-dashboard/connect/EditPermissionsCard.tsx

@@ -19,6 +19,7 @@ import { useJwtRedirect } from '@/hooks/user-dashboard/connect/useJwtRedirect';
 import { useFormatUserPermissions } from '@/hooks/user-dashboard/dashboard/useFormatUserPermissions';
 import { ReadAuthInfo } from '@/hooks/user-dashboard/useAuthInfo';
 import { litNodeClient } from '@/utils/user-dashboard/lit';
+import { wait } from '@/lib/utils';
 
 interface EditPermissionsCardProps {
   connectInfoMap: ConnectInfoMap;
@@ -57,8 +58,11 @@ export function EditPermissionsCard({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 

packages/apps/app-dashboard/src/components/user-dashboard/connect/RepermitConnect.tsx

@@ -14,6 +14,7 @@ import { ActionButtons } from './ui/ActionButtons';
 import { theme } from './ui/theme';
 import { InfoBanner } from './ui/InfoBanner';
 import { App } from '@/types/developer-dashboard/appTypes';
+import { wait } from '@/lib/utils';
 
 interface RepermitConnectProps {
   appData: App;
@@ -44,15 +45,20 @@ export function RepermitConnect({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && localSuccess !== 'Success! Redirecting to app...') {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 
   // Generate JWT when re-permitting is successful
   useEffect(() => {
     if (localSuccess === 'App re-permitted successfully!') {
-      generateJWT(appData, appData.activeVersion!);
+      (async () => {
+        await generateJWT(appData, appData.activeVersion!);
+      })();
     }
   }, [localSuccess, generateJWT, appData]);
 

packages/apps/app-dashboard/src/components/user-dashboard/connect/ReturningUserConnect.tsx

@@ -12,6 +12,7 @@ import { useCanGoBack } from '@/hooks/user-dashboard/connect/useCanGoBack';
 import { useJwtRedirect } from '@/hooks/user-dashboard/connect/useJwtRedirect';
 import { ReadAuthInfo } from '@/hooks/user-dashboard/useAuthInfo';
 import { App, AppVersion } from '@/types/developer-dashboard/appTypes';
+import { wait } from '@/lib/utils';
 
 type ReturningUserConnectProps = {
   appData: App;
@@ -46,8 +47,11 @@ export function ReturningUserConnect({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 

packages/apps/app-dashboard/src/components/user-dashboard/connect/UpdateVersionCard.tsx

@@ -20,6 +20,7 @@ import { useConnectFormData } from '@/hooks/user-dashboard/connect/useConnectFor
 import { useJwtRedirect } from '@/hooks/user-dashboard/connect/useJwtRedirect';
 import { ReadAuthInfo } from '@/hooks/user-dashboard/useAuthInfo';
 import { litNodeClient } from '@/utils/user-dashboard/lit';
+import { wait } from '@/lib/utils';
 
 interface UpdateVersionCardProps {
   connectInfoMap: ConnectInfoMap;
@@ -56,8 +57,11 @@ export function UpdateVersionCard({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 

packages/apps/app-dashboard/src/components/user-dashboard/dashboard/RepermitConnectPage.tsx

@@ -16,6 +16,7 @@ import { ConnectAppHeader } from '../connect/ui/ConnectAppHeader';
 import { PageHeader } from './ui/PageHeader';
 import { ActionButtons } from '../connect/ui/ActionButtons';
 import { Breadcrumb } from '@/components/shared/ui/Breadcrumb';
+import { wait } from '@/lib/utils';
 
 interface RepermitConnectPageProps {
   appData: App;
@@ -55,8 +56,11 @@ export function RepermitConnectPage({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 
@@ -92,7 +96,8 @@ export function RepermitConnectPage({
       setIsConnectProcessing(false);
       setLocalSuccess('App re-permitted successfully!');
 
-      // Generate JWT for redirect or navigate
+      // Generate JWT for redirect or navigate after showing success message
+      await wait(2000);
       setLocalSuccess(null);
       // Only generate JWT if there's an effectiveRedirectUri (for app redirects)
       if (effectiveRedirectUri) {

packages/apps/app-dashboard/src/components/user-dashboard/dashboard/UpdateVersionPage.tsx

@@ -19,6 +19,7 @@ import { useJwtRedirect } from '@/hooks/user-dashboard/connect/useJwtRedirect';
 import { useUrlRedirectUri } from '@/hooks/user-dashboard/connect/useUrlRedirectUri';
 import { ActionButtons } from '@/components/user-dashboard/connect/ui/ActionButtons';
 import { Breadcrumb } from '@/components/shared/ui/Breadcrumb';
+import { wait } from '@/lib/utils';
 
 interface UpdateVersionPageProps {
   connectInfoMap: ConnectInfoMap;
@@ -53,8 +54,11 @@ export function UpdateVersionPage({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 
@@ -120,6 +124,7 @@ export function UpdateVersionPage({
         setLocalStatus(null);
         // Show success state then redirect or reload
         setLocalSuccess('Version updated successfully!');
+        await wait(2000);
         setLocalSuccess(null);
         // Only generate JWT if there's a redirectUri (for app redirects)
         if (redirectUri) {

packages/apps/app-dashboard/src/components/user-dashboard/dashboard/UserPermissionPage.tsx

@@ -19,6 +19,7 @@ import { ReadAuthInfo } from '@/hooks/user-dashboard/useAuthInfo';
 import { AppVersion } from '@/types/developer-dashboard/appTypes';
 import { hasConfigurablePolicies } from '@/utils/user-dashboard/hasConfigurablePolicies';
 import { litNodeClient } from '@/utils/user-dashboard/lit';
+import { wait } from '@/lib/utils';
 
 interface AppPermissionPageProps {
   connectInfoMap: ConnectInfoMap;
@@ -65,8 +66,11 @@ export function AppPermissionPage({
   // Handle redirect when JWT is ready
   useEffect(() => {
     if (redirectUrl && !localSuccess) {
-      setLocalSuccess('Success! Redirecting to app...');
-      executeRedirect();
+      (async () => {
+        setLocalSuccess('Success! Redirecting to app...');
+        await wait(1000);
+        executeRedirect();
+      })();
     }
   }, [redirectUrl, localSuccess, executeRedirect]);
 
@@ -174,6 +178,7 @@ export function AppPermissionPage({
       if (!hasAnyChanges) {
         setLocalStatus(null);
         setLocalSuccess('Permissions are up to date.');
+        await wait(2000);
         setLocalSuccess(null);
         return;
       }
@@ -211,6 +216,7 @@ export function AppPermissionPage({
         setLocalSuccess('Permissions granted successfully!');
 
         // Generate JWT for redirect (useJwtRedirect will handle if there's a redirectUri)
+        await wait(2000);
         setLocalSuccess(null);
         // Only generate JWT if there's a redirectUri (for app redirects)
         if (redirectUri) {
@@ -273,7 +279,8 @@ export function AppPermissionPage({
       setLocalStatus(null);
       // Show success state until redirect
       setLocalSuccess('App unpermitted successfully!');
-      // Force the refresh for the sidebar to update
+      // Force the refresh for the sidebar to update after showing success message
+      await wait(2000);
       window.location.href = `/user/apps`;
     } catch (error) {
       setLocalError(error instanceof Error ? error.message : 'Failed to unpermit app');

packages/apps/app-dashboard/src/lib/utils.ts

@@ -4,3 +4,11 @@ import { twMerge } from 'tailwind-merge';
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+/**
+ * Utility function to wait for a specified amount of time
+ * @param time Time to wait in milliseconds (default: 3000ms)
+ */
+export async function wait(time = 3_000): Promise<void> {
+  await new Promise((resolve) => setTimeout(resolve, time));
+}