fix top voted
Seto Elkahfi committed
Aug 4, 2024 at 18:27 UTC
7587a2d2ce964ebf80bb5322c773d14dcc0083b0
3 files changed
+11
-7
frontend/splitfire-desktop/app/logout/page.tsx
+5
-5
@@ -1,13 +1,13 @@
1
"use client";
2
3
import { useContext, useState } from "react";
4
-import { UserContext } from "../../lib/current-user-context";
5
-import { useLogger } from "../../lib/logger";
6
-import { CurrentUser, db } from "../../lib/db";
4
+import { UserContext } from "@/lib/current-user-context";
5
+import { useLogger } from "@/lib/logger";
6
+import { CurrentUser, db } from "@/lib/db";
7
import { invoke } from "@tauri-apps/api/tauri";
8
-import { TAURI_ACCOUNT_LOGOUT } from "../../lib/tauri-handler";
8
+import { TAURI_ACCOUNT_LOGOUT } from "@/lib/tauri-handler";
9
import { useRouter } from "next/navigation";
10
-import { Button } from "../../components/button";
10
+import { Button } from "@/components/button";
11
12
enum State {
13
LOADING,
frontend/splitfire-desktop/app/top-voted/components/index.tsx
+5
-1
@@ -1,6 +1,7 @@
1
"use client";
2
3
import { SkeletonCard } from "@/components/ui/skeleton-card";
4
+import { SongProviderCard, SongProviderPath } from "@/components/ui/song-provider-card";
5
import { useLogger } from "@/lib/logger";
6
import { TAURI_CONTENT_TOP_VOTED } from "@/lib/tauri-handler";
7
import { ContentCarouselResponse } from "@/models/content";
@@ -8,7 +9,7 @@ import { SongProvider } from "@/models/song-response";
9
import { invoke } from "@tauri-apps/api";
10
import { useState, useEffect } from "react";
11
11
-export default function Index() {
12
+export function Index() {
13
14
const log = useLogger("Top votes");
15
const [songProviders, setSongProviders] = useState<SongProvider[]>([]);
@@ -35,6 +36,9 @@ export default function Index() {
36
{ songProviders.length === 0 && Array.from({ length: 6 }).map((_, i) => (
37
<SkeletonCard key={i} isLoading={true} />
38
))}
39
+ { songProviders.length > 0 && songProviders.map((SongProvider, i) => (
40
+ <SongProviderCard key={i} songProvider={SongProvider} path={SongProviderPath.SPLIT} />
41
+ ))}
42
</div>
43
</div>
44
</div>
frontend/splitfire-desktop/app/top-voted/page.tsx
+1
-1
@@ -1,6 +1,6 @@
1
"use client";
2
3
-import Index from "./components";
3
+import { Index } from "./components";
4
5
export default function Page() {
6
return (