From 8602ea768794a314eaa523b9c80a8b08f736fbe2 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Thu, 16 Jan 2025 10:20:42 -0600
Subject: [PATCH] adjustments to track favorite icons

---
 components/Global/components/track.tsx | 4 ++--
 components/Global/helpers/icon.tsx     | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/Global/components/track.tsx b/components/Global/components/track.tsx
index ccd87b26..5ff537c6 100644
--- a/components/Global/components/track.tsx
+++ b/components/Global/components/track.tsx
@@ -110,12 +110,12 @@ export default function Track({
 
                 <XStack 
                     alignItems="center"
-                    justifyContent="center" 
+                    justifyContent="flex-end" 
                     alignContent="center" 
                     flex={1}
                 >
                     { track.UserData?.IsFavorite && (
-                        <Icon name="heart" color={Colors.Primary} />
+                        <Icon small name="heart" color={Colors.Primary} />
                     )}
                     <RunTimeTicks>{ track.RunTimeTicks }</RunTimeTicks>
                 </XStack>
diff --git a/components/Global/helpers/icon.tsx b/components/Global/helpers/icon.tsx
index eace34bf..56233a9c 100644
--- a/components/Global/helpers/icon.tsx
+++ b/components/Global/helpers/icon.tsx
@@ -3,14 +3,16 @@ import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityI
 import { Colors } from "../../../enums/colors"
 import { useColorScheme } from "react-native";
 
+const smallSize = 24;
+
 const regularSize = 36;
 
 const largeSize = 48
 
-export default function Icon({ name, onPress, large, color }: { name: string, onPress?: Function, large?: boolean, color?: Colors }) : React.JSX.Element {
+export default function Icon({ name, onPress, small, large, color }: { name: string, onPress?: Function, small?: boolean, large?: boolean, color?: Colors }) : React.JSX.Element {
     
     const isDarkMode = useColorScheme() === "dark"
-    let size = large ? largeSize : regularSize
+    let size = large ? largeSize : small ? smallSize : regularSize
     
     return (
         <MaterialCommunityIcons