diff --git a/apps/web/src/api/feed.ts b/apps/web/src/api/feed.ts index 396e2c49..a2296041 100644 --- a/apps/web/src/api/feed.ts +++ b/apps/web/src/api/feed.ts @@ -1,6 +1,6 @@ import { client } from "."; -export const getFeedByUri = async (uri: string) => { +export const getScrobbleByUri = async (uri: string) => { if (uri.includes("app.rocksky.song")) { return null; } @@ -19,7 +19,7 @@ export const getFeedByUri = async (uri: string) => { albumArtist: response.data?.albumArtist, album: response.data?.album, cover: response.data?.cover, - tags: [], + tags: response.data?.tags, artistUri: response.data?.artistUri, albumUri: response.data?.albumUri, listeners: response.data?.listeners || 1, diff --git a/apps/web/src/hooks/useFeed.tsx b/apps/web/src/hooks/useFeed.tsx index a4dad974..bc9805c3 100644 --- a/apps/web/src/hooks/useFeed.tsx +++ b/apps/web/src/hooks/useFeed.tsx @@ -1,6 +1,6 @@ import { useInfiniteQuery, useQuery } from "@tanstack/react-query"; import { - getFeedByUri, + getScrobbleByUri, getFeedGenerators, getFeed, getScrobbles, @@ -15,10 +15,10 @@ export const useFeedQuery = (feed: string, limit = 114, cursor?: string) => }, }); -export const useFeedByUriQuery = (uri: string) => +export const useScrobbleByUriQuery = (uri: string) => useQuery({ - queryKey: ["feed", uri], - queryFn: () => getFeedByUri(uri), + queryKey: ["scrobble", uri], + queryFn: () => getScrobbleByUri(uri), }); export const useFeedGeneratorsQuery = () => diff --git a/apps/web/src/pages/song/Song.tsx b/apps/web/src/pages/song/Song.tsx index fa7fd396..e1df473d 100644 --- a/apps/web/src/pages/song/Song.tsx +++ b/apps/web/src/pages/song/Song.tsx @@ -19,7 +19,7 @@ import { songAtom } from "../../atoms/song"; import Disc from "../../components/Icons/Disc"; import Shout from "../../components/Shout/Shout"; import SongCover from "../../components/SongCover"; -import { useFeedByUriQuery } from "../../hooks/useFeed"; +import { useScrobbleByUriQuery } from "../../hooks/useFeed"; import { useArtistAlbumsQuery, useArtistTracksQuery, @@ -73,7 +73,7 @@ const Song = () => { uri = `at://${did}/app.rocksky.scrobble/${rkey}`; } - const scrobbleResult = useFeedByUriQuery(uri); + const scrobbleResult = useScrobbleByUriQuery(uri); const songResult = useSongByUriQuery(uri); const artistTracksResult = useArtistTracksQuery(