gregor/gregorlohaus.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove example data

Browse Source
This commit is contained in:
Gregor Lohaus
2026-03-14 18:37:58 +01:00
parent 288616548a
commit 095acc216a
1 changed files with 0 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/music/page.tsx
View File

@@ -8,7 +8,6 @@ import AnimateTextIn from "../_components/Animated/AnimateIn";
import { ScrollArea } from "~/components/ui/scroll-area"; import { ScrollArea } from "~/components/ui/scroll-area";
export default function MusicPage() { export default function MusicPage() {
const { data: tracks, isLoading } = trpc.music.list.useQuery(); const { data: tracks, isLoading } = trpc.music.list.useQuery();
const randdata = Array.from({ length: 100 }, (_, i) => ({ id: i, value: Math.floor(Math.random() * 50) }));
useTimeLine(tracks) useTimeLine(tracks)
return ( return (
<ScrollArea className="w-full h-full max-w-4xl mx-auto px-4 py-8 flex flex-col gap-4"> <ScrollArea className="w-full h-full max-w-4xl mx-auto px-4 py-8 flex flex-col gap-4">
@@ -42,18 +41,6 @@ export default function MusicPage() {
</Card.CardContent> </Card.CardContent>
</Card.AnimatedCard> </Card.AnimatedCard>
))} ))}
{randdata.map((d, i) => (
<Card.AnimatedCard key={d.id} position={(i + 1) * 0.3}>
<Card.CardHeader>
<AnimateTextIn position={(i + 1.5) * 0.3} animation="slide">
<Card.CardTitle>{d.value}</Card.CardTitle>
</AnimateTextIn>
</Card.CardHeader>
<Card.CardContent className="flex flex-col gap-3">
{d.value}
</Card.CardContent>
</Card.AnimatedCard>
))}
{!isLoading && !tracks?.length && {!isLoading && !tracks?.length &&
<div className="flex justify-center items-center text-muted-foreground"> <div className="flex justify-center items-center text-muted-foreground">
No music yet. No music yet.