feat: ✨ disable export on disconnection state

src/components/DropdownMenu.tsx

@@ -8,6 +8,7 @@ import {
   Separator,
   Trigger,
   type DropdownMenuProps as RadixDropdownMenuProps,
+  type DropdownMenuTriggerProps as RadixDropdownMenuTriggerProps,
 } from '@radix-ui/react-dropdown-menu';
 import styled from 'styled-components';
 
@@ -39,7 +40,11 @@ type ElementProps<T> = {
   slotTopContent?: React.ReactNode;
 };
 
-export type DropdownMenuProps<T> = StyleProps & ElementProps<T> & RadixDropdownMenuProps;
+export type DropdownMenuProps<T> = StyleProps &
+  ElementProps<T> &
+  RadixDropdownMenuProps & {
+    triggerOptions?: RadixDropdownMenuTriggerProps;
+  };
 
 export const DropdownMenu = forwardRefFn(
   <T extends string>(
@@ -51,13 +56,14 @@ export const DropdownMenu = forwardRefFn(
       slotTopContent,
       side = 'bottom',
       sideOffset = 8,
+      triggerOptions,
       ...rest
     }: DropdownMenuProps<T>,
     ref: Ref<HTMLButtonElement>
   ) => {
     return (
       <Root {...rest}>
-        <$Trigger ref={ref} className={className}>
+        <$Trigger ref={ref} className={className} {...triggerOptions}>
           {children}
           <$DropdownIcon aria-hidden="true">
             <Icon iconName={IconName.Triangle} aria-hidden="true" />

src/views/ExportHistoryDropdown.tsx

@@ -20,7 +20,7 @@ import { DropdownMenu } from '@/components/DropdownMenu';
 import { Icon, IconName } from '@/components/Icon';
 import { OutputType, formatNumber } from '@/components/Output';
 
-import { getSubaccountId } from '@/state/accountSelectors';
+import { getIsAccountConnected, getSubaccountId } from '@/state/accountSelectors';
 import { useAppSelector } from '@/state/appTypes';
 import { getSelectedLocale } from '@/state/localizationSelectors';
 
@@ -37,6 +37,7 @@ export const ExportHistoryDropdown = (props: ExportHistoryDropdownProps) => {
   const stringGetter = useStringGetter();
   const subaccountNumber = useAppSelector(getSubaccountId);
   const { dydxAddress } = useAccounts();
+  const isAccountConnected = useAppSelector(getIsAccountConnected);
   const { requestAllAccountFills, requestAllAccountTransfers } = useDydxClient();
   const [checkedTrades, setCheckedTrades] = useState(true);
   const [checkedTransfers, setCheckedTransfers] = useState(true);
@@ -294,6 +295,9 @@ export const ExportHistoryDropdown = (props: ExportHistoryDropdownProps) => {
           onSelect: exportData,
         },
       ]}
+      triggerOptions={{
+        disabled: !isAccountConnected,
+      }}
       {...props}
     >
       <Icon iconName={IconName.Download} />