apps/app/src/components/Stats/StatsWithData.tsx at feat/like-scrobble

t1c.dev / rocksky

forked from rocksky.app/rocksky

fork atom

A decentralized music tracking and discovery platform built on AT Protocol 🎵

fork atom

rocksky / apps / app / src / components / Stats / StatsWithData.tsx

at feat/like-scrobble 22 lines 553 B view raw

wrap content

tsiry-sandratraina.com setup drizzle-kit, docker compose and turbo repo 9mo ago

e83ae795

 1import { didAtom } from "@/src/atoms/did";
 2import { useProfileStatsByDidQuery } from "@/src/hooks/useProfile";
 3import { useAtomValue } from "jotai";
 4import Stats from "./Stats";
 5
 6const StatsWithData = () => {
 7  const did = useAtomValue(didAtom);
 8  const { data, isLoading } = useProfileStatsByDidQuery(did!);
 9  return (
10    <>
11      {!isLoading && data && (
12        <Stats
13          scrobbles={data.scrobbles}
14          artists={data?.artists}
15          lovedTracks={data?.lovedTracks}
16        />
17      )}
18    </>
19  );
20};
21
22export default StatsWithData;