feat: send nft button

packages/desktop/views/dashboard/collectibles/views/DetailsView.svelte

@@ -17,12 +17,13 @@
     import { getNftByIdFromAllAccountNfts, INft } from '@core/nfts'
     import { selectedAccountIndex } from '@core/account'
     import { truncateString } from '@core/utils'
-    import { selectedAccountActivities } from '@core/wallet/stores'
+    import { NewTransactionType, selectedAccountActivities, setNewTransactionDetails } from '@core/wallet/stores'
     import { ActivityType, formatTokenAmountPrecise } from '@core/wallet'
     import { BASE_TOKEN } from '@core/network/constants'
     import { activeProfile } from '@core/profile/stores'
     import { Platform } from '@core/app'
     import { ExplorerEndpoint, getOfficialExplorerUrl } from '@core/network'
+    import { openPopup } from '@auxiliary/popup'
 
     const explorerUrl = getOfficialExplorerUrl($activeProfile?.networkProtocol, $activeProfile?.networkType)
     const nft: INft = getNftByIdFromAllAccountNfts($selectedAccountIndex, $selectedNftId)
@@ -59,6 +60,18 @@
     function handleExplorerClick(): void {
         Platform.openUrl(`${explorerUrl}/${ExplorerEndpoint.Nft}/${id}`)
     }
+
+    function handleSendClick(): void {
+        setNewTransactionDetails({
+            type: NewTransactionType.NftTransfer,
+            nftId: id,
+            recipient: undefined,
+        })
+        openPopup({
+            type: 'sendForm',
+            overflow: true,
+        })
+    }
 </script>
 
 <div class="flex flex-row w-full h-full space-x-4 overflow-auto">
@@ -115,7 +128,7 @@
             <Button outline classes="flex-1" onClick={handleExplorerClick} disabled={!explorerUrl}
                 >{localize('general.viewOnExplorer')}</Button
             >
-            <Button classes="flex-1">{localize('actions.send')}</Button>
+            <Button classes="flex-1" onClick={handleSendClick}>{localize('actions.send')}</Button>
         </div>
     </Pane>
 </div>

packages/shared/components/popups/send/SendConfirmationPopup.svelte

@@ -46,6 +46,7 @@
         TARGET_CONTRACTS,
         TRANSFER_ALLOWANCE,
     } from '@core/layer-2'
+    import { dashboardRouter } from '@core/router'
 
     export let _onMount: (..._: any[]) => Promise<void> = async () => {}
     export let disableBack = false
@@ -165,6 +166,7 @@
 
     async function sendOutputAndClosePopup(): Promise<void> {
         await sendOutput(preparedOutput)
+        $dashboardRouter.reset()
         closePopup()
     }