From a7f32bb4b89bb83014f02bbac71db7f178f21982 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sun, 24 Nov 2024 06:38:31 -0600
Subject: [PATCH] rendering a thing from the thing

---
 components/Home/helpers/recently-played.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/Home/helpers/recently-played.tsx b/components/Home/helpers/recently-played.tsx
index 4f8c8d6d..a83f8447 100644
--- a/components/Home/helpers/recently-played.tsx
+++ b/components/Home/helpers/recently-played.tsx
@@ -1,13 +1,14 @@
 import React, { useEffect } from "react";
-import { ScrollView } from "tamagui";
+import { Avatar, ScrollView, Text } from "tamagui";
 import { useApiClientContext } from "../../jellyfin-api-provider";
 import { useRecentlyPlayed } from "../../../api/queries/recently-played";
+import { Stack } from "tamagui"
 
 export default function RecentlyPlayed(): React.JSX.Element {
 
     const { apiClient, library } = useApiClientContext();
 
-    const { data, isError, refetch } = useRecentlyPlayed(apiClient!, library!.musicLibraryId);
+    const { data } = useRecentlyPlayed(apiClient!, library!.musicLibraryId);
 
     useEffect(() => {
         console.log("Recently played", data);
@@ -17,7 +18,11 @@ export default function RecentlyPlayed(): React.JSX.Element {
 
     return (
         <ScrollView horizontal>
-
+            { data && data.map((recentlyPlayedTrack) => {
+                <Stack>
+                    <Text>{recentlyPlayedTrack.Name}</Text>
+                </Stack>
+            })}
         </ScrollView>
     )
 }
\ No newline at end of file