The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
use new skeleton ui
+7
-7
+7
-7
app/leaderboard/[guildId]/loading.tsx
+7
-7
app/leaderboard/[guildId]/loading.tsx
···
1
-
import { ClientSkeleton } from "@/components/client";
1
+
import { Skeleton } from "@/components/ui/skeleton";
2
2
3
3
export default function Loading() {
4
4
return new Array(20).fill(null).map((_, i) => (
5
5
<div
6
-
key={"leaderboardLoading-" + i}
6
+
key={"leaderboard-loading-" + i}
7
7
className="mb-4 rounded-md p-3 flex items-center dark:bg-wamellow bg-wamellow-100 w-full"
8
8
>
9
-
<ClientSkeleton className="rounded-full w-12 h-12 mr-3" />
9
+
<Skeleton className="rounded-full w-12 h-12 mr-3" />
10
10
11
11
<div className="flex flex-col gap-2 mt-0.5">
12
-
<ClientSkeleton className="h-5 w-28 rounded-full" />
13
-
<ClientSkeleton className="h-3 w-20 rounded-full" />
12
+
<Skeleton className="h-5 w-28 rounded-full" />
13
+
<Skeleton className="h-3 w-20 rounded-full" />
14
14
</div>
15
15
16
-
<ClientSkeleton className="ml-auto h-8 w-14 rounded-lg" />
16
+
<Skeleton className="ml-auto h-8 w-14 rounded-lg" />
17
17
18
-
<ClientSkeleton className="rounded-full w-12 h-12 ml-3" />
18
+
<Skeleton className="rounded-full w-12 h-12 ml-3" />
19
19
</div>
20
20
));
21
21
}