Notifications

{#if isLoaded } {#if notificationList?.length !== 0}

{#each notificationList as item}

goToPost(item)} class="hover:bg-[#2B2B2B] p-3 mb-3 ml-1 text-gray-200 w-full {!item?.readed ? 'bg-[#F9AB00] bg-opacity-[0.1]' : ''} cursor-pointer">

goto("/community/user/"+item?.expand?.user?.id)} class="avatar w-8 h-8 sm:w-11 sm:h-11 flex-shrink-0 cursor-pointer mr-4">

{#if item?.notifyType === 'vote'}

goto("/community/user/"+item?.expand?.user?.id)} class="text-blue-400 cursor-pointer"> {item?.expand?.user?.username} upvoted your {item?.comment ? 'comment' : 'post'}

{formatDate(item?.created)} ago

{:else if item?.notifyType === 'priceAlert'}

goto(`/${item?.liveResults?.assetType === 'stock' ? 'stocks' : 'etf'}/${item?.liveResults?.symbol}`)} class="flex flex-col items-start cursor-pointer">

Price Alert triggered for ${item?.liveResults?.symbol}

The price of ${item?.liveResults?.currentPrice} is {item?.liveResults?.condition} your target of ${item?.liveResults?.targetPrice}

{formatDate(item?.created)} ago

{:else if item?.notifyType === 'comment'}

goto("/community/user/"+item?.expand?.user?.id)} class="text-blue-400 hover:underline cursor-pointer"> {item?.expand?.user?.username} commented on your post: {@html item?.expand?.comment?.comment?.length > 30 ? item?.expand?.comment?.comment?.slice(0, 30) + "..." : item?.expand?.comment?.comment}

{formatDate(item?.created)} ago

{/if}

{/each}

{:else}

Empty just like our souls...

{/if} {:else}

{/if}