Merge pull request #87 from copilot-platforms/OUT-2050

OUT-2050 | OUT-2093 | UX Fixes for Quickbooks Integration

Author: SandipBajracharya

src/bridge/header.ts

@@ -3,7 +3,13 @@
 import { DASHBOARD_DOMAIN } from '@/constant/domains'
 import { useEffect, useMemo } from 'react'
 
-type Icons = 'Archive' | 'Plus' | 'Templates' | 'Trash'
+export type Icons =
+  | 'Archive'
+  | 'Plus'
+  | 'Templates'
+  | 'Trash'
+  | 'Download'
+  | 'Disconnected'
 
 interface BreadcrumbsPayload {
   items: {

src/hook/useQuickbooks.ts

@@ -1,7 +1,7 @@
 import { AuthStatus } from '@/app/api/core/types/auth'
 import { LogStatus } from '@/app/api/core/types/log'
 import { useApp } from '@/app/context/AppContext'
-import { useActionsMenu } from '@/bridge/header'
+import { Icons, useActionsMenu } from '@/bridge/header'
 import { copilotDashboardUrl } from '@/config'
 import { ConnectionStatus } from '@/db/schema/qbConnectionLogs'
 import { postFetcher } from '@/helper/fetch.helper'
@@ -294,18 +294,21 @@ export const useAppBridge = ({
     link.click()
     link.remove()
   }
-  let actions: { label: string; onClick: () => Promise<void> }[] = []
+  let actions: { label: string; icon?: Icons; onClick: () => Promise<void> }[] =
+    []
   if (connectionStatus) {
     actions = [
       {
         label: 'Download sync history',
+        icon: 'Download',
         onClick: downloadCsvAction,
       },
     ]
 
     if (isEnabled && syncFlag) {
       actions.push({
-        label: 'Disconnect app',
+        label: 'Disconnect account',
+        icon: 'Disconnected',
         onClick: disconnectAction,
       })
     }