{#each displayList as item,index} goto(`/${item?.assetType === 'stock' ? 'stocks' : item?.assetType === 'etf' ? 'etf' : 'crypto'}/${item?.ticker}`)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer"> {/each}

Name	Transaction Date	Disclosure Date	Amount	Type
{item?.ticker?.replace('_',' ')} {item?.name?.length < charNumber ? item?.name : item?.name?.slice(0,charNumber)+'...'}	{new Date(item?.transactionDate)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}	{new Date(item?.disclosureDate)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}	{item?.amount}	{#if item?.type === 'Bought'} Bought {:else if item?.type === 'Sold'} Sold {:else if item?.type === 'Exchange'} Exchange {/if}