feat: add transfer and view asset to accounts table actions

libs/accounts/src/lib/accounts-actions-dropdown.tsx

@@ -15,6 +15,8 @@ import {
   VegaIcon,
   VegaIconNames,
 } from '@vegaprotocol/ui-toolkit';
+import { useTransferDialog } from './transfer-dialog';
+import { useAssetDetailsDialogStore } from '@vegaprotocol/assets';
 
 export const AccountsActionsDropdown = ({
   assetId,
@@ -30,6 +32,8 @@ export const AccountsActionsDropdown = ({
   onClickBreakdown: () => void;
 }) => {
   const etherscanLink = useEtherscanLink();
+  const openTransferDialog = useTransferDialog((store) => store.open);
+  const openAssetDialog = useAssetDetailsDialogStore((store) => store.open);
   return (
     <DropdownMenu
       trigger={
@@ -61,6 +65,16 @@ export const AccountsActionsDropdown = ({
             {t('Withdraw')}
           </span>
         </DropdownMenuItem>
+        <DropdownMenuItem
+          key={'transfer'}
+          data-testid="transfer"
+          onClick={() => openTransferDialog(true)}
+        >
+          <span>
+            <VegaIcon name={VegaIconNames.WITHDRAW} size={16} />
+            {t('Transfer')}
+          </span>
+        </DropdownMenuItem>
         <DropdownMenuItem
           key={'breakdown'}
           data-testid="breakdown"
@@ -68,7 +82,17 @@ export const AccountsActionsDropdown = ({
         >
           <span>
             <VegaIcon name={VegaIconNames.BREAKDOWN} size={16} />
-            {t('Breakdown')}
+            {t('View accounts')}
+          </span>
+        </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={(e) => {
+            openAssetDialog(assetId, e.target as HTMLElement);
+          }}
+        >
+          <span>
+            <VegaIcon name={VegaIconNames.BREAKDOWN} size={16} />
+            {t('View asset')}
           </span>
         </DropdownMenuItem>
         <DropdownMenuCopyItem value={assetId} text={t('Copy asset ID')} />