From 90082413cd908d5877ca07500e61e1f8d0a52df1 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Wed, 22 Jan 2025 06:45:48 -0600
Subject: [PATCH] omfg this WOPRKS??

---
 components/ItemDetail/component.tsx |  5 ++++-
 components/Player/screens/index.tsx | 10 +++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/ItemDetail/component.tsx b/components/ItemDetail/component.tsx
index 1fed153e..e92093b7 100644
--- a/components/ItemDetail/component.tsx
+++ b/components/ItemDetail/component.tsx
@@ -54,7 +54,10 @@ export default function ItemDetail({
                     size={width / 3}
                 />
 
-                <YStack justifyContent="flex-start">
+                <YStack 
+                    marginLeft={"$0.5"} 
+                    justifyContent="flex-start"
+                >
                     <Text bold fontSize={"$6"}>
                         { item.Name ?? "Untitled Track" }
                     </Text>
diff --git a/components/Player/screens/index.tsx b/components/Player/screens/index.tsx
index 5c1259a0..5642ffd6 100644
--- a/components/Player/screens/index.tsx
+++ b/components/Player/screens/index.tsx
@@ -17,6 +17,7 @@ import { Colors } from "../../../enums/colors";
 import { State } from "react-native-track-player";
 import FavoriteButton from "../../Global/components/favorite-button";
 import Client from "../../../api/client";
+import BlurhashedImage from "@/components/Global/helpers/blurhashed-image";
 
 export default function PlayerScreen({ navigation }: { navigation: NativeStackNavigationProp<StackParamList>}): React.JSX.Element {
 
@@ -65,7 +66,6 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                     </YStack>
 
                     <XStack 
-                        animation={"bouncy"} 
                         justifyContent="center"
                         alignContent="center"
                         minHeight={width / 1.1}
@@ -73,7 +73,11 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                             useTogglePlayback.mutate(undefined)
                         }}
                     >
-                        <CachedImage
+                        <BlurhashedImage
+                            item={nowPlaying!.item}
+                            size={width / 1.1}
+                            />
+                        {/* <CachedImage
                             source={getImageApi(Client.api!)
                                 .getItemImageUrlById(
                                     nowPlaying!.item.AlbumId ?? "",
@@ -88,7 +92,7 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                                 height: playbackState === State.Playing ? width / 1.1 : width / 1.4,
                                 borderRadius: 2
                             }}
-                            />
+                            /> */}
                     </XStack>
 
                     <XStack marginHorizontal={20} paddingVertical={5}>