diff --git a/website/src/routes/admin/promo/+page.svelte b/website/src/routes/admin/promo/+page.svelte
index d57e434..d9605b6 100644
--- a/website/src/routes/admin/promo/+page.svelte
+++ b/website/src/routes/admin/promo/+page.svelte
@@ -13,7 +13,7 @@
import { Alert, AlertDescription } from '$lib/components/ui/alert';
import { Badge } from '$lib/components/ui/badge';
import { Skeleton } from '$lib/components/ui/skeleton';
- import { Plus, Ticket, Users, Calendar, CheckCircle, XCircle, Loader2 } from 'lucide-svelte';
+ import { Plus, Ticket, Users, Calendar, XCircle, Loader2, CheckIcon } from 'lucide-svelte';
import { USER_DATA } from '$lib/stores/user-data';
import { formatDate, getExpirationDate } from '$lib/utils';
import type { PromoCode } from '$lib/types/promo-code';
@@ -216,7 +216,7 @@
class={createSuccess ? 'text-success' : ''}
>
{#if createSuccess}
-
+
{:else}
{/if}
diff --git a/website/src/routes/api/coin/[coinSymbol]/trade/+server.ts b/website/src/routes/api/coin/[coinSymbol]/trade/+server.ts
index d38bfc3..c6b8d4c 100644
--- a/website/src/routes/api/coin/[coinSymbol]/trade/+server.ts
+++ b/website/src/routes/api/coin/[coinSymbol]/trade/+server.ts
@@ -180,6 +180,13 @@ export async function POST({ params, request }) {
updatedAt: new Date()
})
.where(eq(coin.id, coinData.id));
+
+ await redis.publish(`prices:${normalizedSymbol}`, JSON.stringify({
+ currentPrice: newPrice,
+ marketCap: Number(coinData.circulatingSupply) * newPrice,
+ change24h: metrics.change24h,
+ volume24h: metrics.volume24h
+ }));
});
// REDIS
@@ -313,6 +320,13 @@ export async function POST({ params, request }) {
updatedAt: new Date()
})
.where(eq(coin.id, coinData.id));
+
+ await redis.publish(`prices:${normalizedSymbol}`, JSON.stringify({
+ currentPrice: newPrice,
+ marketCap: Number(coinData.circulatingSupply) * newPrice,
+ change24h: metrics.change24h,
+ volume24h: metrics.volume24h
+ }));
});
// REDIS
diff --git a/website/src/routes/coin/[coinSymbol]/+page.svelte b/website/src/routes/coin/[coinSymbol]/+page.svelte
index 87e6912..837de37 100644
--- a/website/src/routes/coin/[coinSymbol]/+page.svelte
+++ b/website/src/routes/coin/[coinSymbol]/+page.svelte
@@ -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}
-
-{:else if !coin}
-
+
+ {#if loading}
+
+ {:else if !coin}
Coin not found
-
-{:else}
-
-{/if}
+ {/if}
+
diff --git a/website/src/routes/leaderboard/+page.svelte b/website/src/routes/leaderboard/+page.svelte
index 921a6b6..0fe946e 100644
--- a/website/src/routes/leaderboard/+page.svelte
+++ b/website/src/routes/leaderboard/+page.svelte
@@ -4,6 +4,7 @@
import { Badge } from '$lib/components/ui/badge';
import { Button } from '$lib/components/ui/button';
import DataTable from '$lib/components/self/DataTable.svelte';
+ import LeaderboardSkeleton from '$lib/components/self/skeletons/LeaderboardSkeleton.svelte';
import { onMount } from 'svelte';
import { toast } from 'svelte-sonner';
import { goto } from '$app/navigation';
@@ -215,11 +216,7 @@
{#if loading}
-
-
-
Loading leaderboard...
-
-
+
{:else if !leaderboardData}
diff --git a/website/src/routes/market/+page.svelte b/website/src/routes/market/+page.svelte
index dc979e9..65b9054 100644
--- a/website/src/routes/market/+page.svelte
+++ b/website/src/routes/market/+page.svelte
@@ -8,6 +8,7 @@
import { Badge } from '$lib/components/ui/badge';
import { Label } from '$lib/components/ui/label';
import CoinIcon from '$lib/components/self/CoinIcon.svelte';
+ import MarketSkeleton from '$lib/components/self/skeletons/MarketSkeleton.svelte';
import { onMount } from 'svelte';
import { toast } from 'svelte-sonner';
import { goto } from '$app/navigation';
@@ -410,12 +411,7 @@
{#if loading}
-
-
-
Loading market data...
-
Fetching the latest coin prices and chaos levels
-
-
+
{:else if coins.length === 0}
diff --git a/website/src/routes/treemap/+page.svelte b/website/src/routes/treemap/+page.svelte
new file mode 100644
index 0000000..711f695
--- /dev/null
+++ b/website/src/routes/treemap/+page.svelte
@@ -0,0 +1,350 @@
+
+
+
+ Treemap - Rugplay
+
+
+
+
+
+
+
+
+
+
Market Treemap
+
+
+
+
+
+
+
+ Visual representation of the cryptocurrency market. Size indicates market cap, color shows
+ 24h price change.
+
+ {#if coins.length > 0}
+
+ Last updated: {lastUpdated.toLocaleTimeString()}
+
+ {/if}
+
+
+ {#if isLoading && coins.length === 0}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {:else if error}
+
+
+
+
+
Failed to load treemap
+
{error}
+
+ {:else if coins.length === 0}
+
+
+
+
+
No coins available
+
Create some coins to see the treemap visualization.
+
+ {:else}
+
+
+
+
+
+
Positive 24h change
+
+
+
+
Negative 24h change
+
+
+ {coins.length} coins
+
+
+ {/if}
+
+
+
+
diff --git a/website/src/routes/user/[username]/+page.svelte b/website/src/routes/user/[username]/+page.svelte
index fc8a793..547d418 100644
--- a/website/src/routes/user/[username]/+page.svelte
+++ b/website/src/routes/user/[username]/+page.svelte
@@ -5,6 +5,7 @@
import { Button } from '$lib/components/ui/button';
import DataTable from '$lib/components/self/DataTable.svelte';
import ProfileBadges from '$lib/components/self/ProfileBadges.svelte';
+ import ProfileSkeleton from '$lib/components/self/skeletons/ProfileSkeleton.svelte';
import { getPublicUrl, formatPrice, formatValue, formatQuantity, formatDate } from '$lib/utils';
import { onMount } from 'svelte';
import { toast } from 'svelte-sonner';
@@ -15,8 +16,7 @@
TrendingDown,
Coins,
Receipt,
- Activity,
- RefreshCw
+ Activity
} from 'lucide-svelte';
import { goto } from '$app/navigation';
import type { UserProfileData } from '$lib/types/user-profile';
@@ -208,12 +208,7 @@
{#if loading}
-
+
{:else if !profileData}