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

Merge pull request #131 from SimplyBrandon/leaderboard-search

Browse source 
feat: search for users by username on the leaderboard page.
This commit is contained in:
Face 2025-07-15 18:24:51 +03:00 • committed by GitHub
commit 5dd008b8cc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 386 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

4
website/src/lib/components/self/UserProfilePreview.svelte
View file

@ -7,7 +7,7 @@
import { Calendar, Wallet } from 'lucide-svelte';
import type { UserProfileData } from '$lib/types/user-profile';
let { userId }: { userId: number } = $props();
let { userId, showBio = true }: { userId: number, showBio?: boolean } = $props();
let userData = $state<UserProfileData | null>(null);
let loading = $state(true);
@ -93,7 +93,7 @@
</div>
<p class="text-muted-foreground text-sm">@{profile.username}</p>
{#if profile.bio}
{#if profile.bio && showBio}
<p class="text-sm">{profile.bio}</p>
{/if}

38
website/src/lib/components/self/skeletons/LeaderboardSearchSkeleton.svelte Normal file
View file

@ -0,0 +1,38 @@
<script lang="ts">
import { Skeleton } from '$lib/components/ui/skeleton';
import * as Card from '$lib/components/ui/card';
</script>
<div class="grid gap-4 md:gap-6 xl:grid-cols-2">
<div class="flex flex-col xl:col-span-2">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{#each Array(9) as _}
<Card.Root class="gap-1">
<Card.Content>
<div class="flex items-start gap-4">
<Skeleton class="h-12 w-12 rounded-full shrink-0" />
<div class="flex flex-col flex-grow gap-2">
<Skeleton class="h-4 w-32 md:h-4 md:w-40" />
<Skeleton class="h-4 w-20 md:h-4 md:w-24" />
<div class="flex flex-col gap-1 mt-2">
<div class="flex items-center justify-between">
<Skeleton class="h-3 w-16 md:h-3 md:w-20" />
<Skeleton class="h-4 w-16 md:h-4 md:w-20" />
</div>
<div class="flex items-center justify-between">
<Skeleton class="h-3 w-12 md:h-3 md:w-16" />
<Skeleton class="h-4 w-16 md:h-4 md:w-20" />
</div>
</div>
<div class="flex items-center gap-2 mt-2">
<Skeleton class="h-4 w-4" />
<Skeleton class="h-3 w-24 md:h-3 md:w-32" />
</div>
</div>
</div>
</Card.Content>
</Card.Root>
{/each}
</div>
</div>
</div>