From 9b73699a529b1eb651ab19d5f48aa26ca37089cd Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Thu, 16 Jan 2025 12:08:21 -0600
Subject: [PATCH] prev commit

---
 components/Global/components/track.tsx | 23 ++++++++++++++++++-----
 player/provider.tsx                    |  1 +
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/components/Global/components/track.tsx b/components/Global/components/track.tsx
index 10b8ad98..48742dca 100644
--- a/components/Global/components/track.tsx
+++ b/components/Global/components/track.tsx
@@ -1,6 +1,6 @@
 import { usePlayerContext } from "@/player/provider";
 import React from "react";
-import { Separator, View, XStack, YStack } from "tamagui";
+import { Separator, Spacer, View, XStack, YStack } from "tamagui";
 import { Text } from "../helpers/text";
 import { RunTimeTicks } from "../helpers/time-codes";
 import { BaseItemDto, ImageType } from "@jellyfin/sdk/lib/generated-client/models";
@@ -114,10 +114,23 @@ export default function Track({
                     alignContent="center" 
                     flex={1}
                 >
-                    { track.UserData?.IsFavorite && (
-                        <Icon small name="heart" color={Colors.Primary} />
-                    )}
-                    <RunTimeTicks>{ track.RunTimeTicks }</RunTimeTicks>
+                    <YStack
+                        alignContent="center"
+                        justifyContent="center"
+                    >
+                        { track.UserData?.IsFavorite ? (
+                            <Icon small name="heart" color={Colors.Primary} />
+                        ) : (
+                            <Spacer />
+                        )}
+                    </YStack>
+
+                    <YStack
+                        alignContent="center"
+                        justifyContent="center"
+                    >
+                        <RunTimeTicks>{ track.RunTimeTicks }</RunTimeTicks>
+                    </YStack>
                 </XStack>
             </XStack>
         </View>
diff --git a/player/provider.tsx b/player/provider.tsx
index fbe6bce0..e762ea60 100644
--- a/player/provider.tsx
+++ b/player/provider.tsx
@@ -185,6 +185,7 @@ const PlayerContextInitializer = () => {
 
                 if ((await TrackPlayer.getActiveTrack() as JellifyTrack | undefined) !== nowPlaying) {    
                     setNowPlaying(await TrackPlayer.getActiveTrack() as JellifyTrack | undefined);
+                    setNowPlayingIsFavorite(nowPlaying?.item.UserData?.IsFavorite ?? false);
                 }
             }
         }