yusur/coinstorge
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: treemap, skeletons

Browse source
This commit is contained in:
Face 2025-05-27 14:12:29 +03:00
parent 848eda70e4
commit 330ea7ad79
18 changed files with 1033 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

24
website/src/routes/coin/[coinSymbol]/+page.svelte
View file

@ -7,6 +7,7 @@
import TradeModal from '$lib/components/self/TradeModal.svelte';
import CommentSection from '$lib/components/self/CommentSection.svelte';
import UserProfilePreview from '$lib/components/self/UserProfilePreview.svelte';
import CoinSkeleton from '$lib/components/self/skeletons/CoinSkeleton.svelte';
import { TrendingUp, TrendingDown, DollarSign, Coins, ChartColumn } from 'lucide-svelte';
import {
createChart,
@ -259,26 +260,17 @@
onSuccess={handleTradeSuccess}
/>
{/if}
{#if loading}
<div class="container mx-auto max-w-7xl p-6">
<div class="flex h-96 items-center justify-center">
<div class="text-center">
<div class="mb-4 text-xl">Loading coin data...</div>
</div>
</div>
</div>
{:else if !coin}
<div class="container mx-auto max-w-7xl p-6">
<div class="container mx-auto max-w-7xl p-6">
{#if loading}
<CoinSkeleton />
{:else if !coin}
<div class="flex h-96 items-center justify-center">
<div class="text-center">
<div class="text-muted-foreground mb-4 text-xl">Coin not found</div>
<Button onclick={() => goto('/')}>Go Home</Button>
</div>
</div>
</div>
{:else}
<div class="container mx-auto max-w-7xl p-6">
{:else}
<!-- Header Section -->
<header class="mb-8">
<div class="mb-4 flex items-start justify-between">
@ -535,5 +527,5 @@
<!-- Comments Section -->
<CommentSection {coinSymbol} />
</div>
</div>
{/if}
{/if}
</div>