fix: avoid crash when changing tab in send asset popup

iotaledger · Sep 25, 2023 · 2bbc642 · 2bbc642
1 parent ded59fa
commit 2bbc642
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/shared/components/inputs/NftInput.svelte b/packages/shared/components/inputs/NftInput.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
     import { Modal, SelectorInput, IOption, NftImageOrIconBox, NftSize } from 'shared/components'
-    import { ownedNfts } from '@core/nfts'
+    import { INft, ownedNfts } from '@core/nfts'
     import { getNftByIdFromAllAccountNfts } from '@core/nfts'
     import { selectedAccountIndex } from '@core/account'
     import { localize } from '@core/i18n'
     import { time } from '@core/app'
 
     export let nftId: string = ''
     export let error: string = ''
-    export let readonly: boolean = null
+    export let readonly: boolean | null = null
 
-    let inputElement: HTMLInputElement = undefined
+    let selectedNftById: INft | undefined
     let modal: Modal = undefined
-    let selected: IOption = nftId
-        ? { key: getNftByIdFromAllAccountNfts($selectedAccountIndex, nftId).name, value: nftId }
-        : {}
+    let inputElement: HTMLInputElement | undefined = undefined
+    let selected: IOption = selectedNftById ? { key: selectedNftById.name, value: selectedNftById.id } : {}
 
     const nftOptions: IOption[] = $ownedNfts
         .filter((nft) => nft.isSpendable && (!nft.timelockTime || nft.timelockTime < $time.getTime()))
         .map((_nft) => ({ key: _nft.name, value: _nft.id }))
 
+    $: selectedNftById = getNftByIdFromAllAccountNfts($selectedAccountIndex, nftId)
     $: nftId = selected?.value
 
     export async function validate(): Promise<void> {

diff --git a/packages/shared/lib/core/nfts/actions/getNftByIdFromAllAccountNfts.ts b/packages/shared/lib/core/nfts/actions/getNftByIdFromAllAccountNfts.ts
@@ -2,6 +2,6 @@ import { allAccountNfts } from '../stores'
 import { INft } from '../interfaces'
 import { get } from 'svelte/store'
 
-export function getNftByIdFromAllAccountNfts(accountIndex: number, nftId: string): INft {
+export function getNftByIdFromAllAccountNfts(accountIndex: number, nftId: string): INft | undefined {
     return get(allAccountNfts)[accountIndex]?.find((_nft) => _nft.id === nftId)
 }