From 9fa227d014e7492ae77e14d844cadfb05693ee53 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Fri, 24 Jan 2025 06:32:39 -0600
Subject: [PATCH] make search great again

---
 components/Global/components/item.tsx | 20 +++++++++++++++++++-
 components/Search/component.tsx       |  2 +-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/Global/components/item.tsx b/components/Global/components/item.tsx
index 809a427f..53c66b0e 100644
--- a/components/Global/components/item.tsx
+++ b/components/Global/components/item.tsx
@@ -2,8 +2,12 @@ import { usePlayerContext } from "../../../player/provider";
 import { StackParamList } from "../../../components/types";
 import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import { Separator, View, XStack } from "tamagui";
+import { Separator, Spacer, View, XStack } from "tamagui";
 import { Text } from "../helpers/text";
+import { useSafeAreaFrame } from "react-native-safe-area-context";
+import BlurhashedImage from "../helpers/blurhashed-image";
+import Icon from "../helpers/icon";
+import { Colors } from "../../../enums/colors";
 
 export default function Item({ 
     item,
@@ -17,6 +21,8 @@ export default function Item({
 
     const { usePlayNewQueue } = usePlayerContext();
 
+    const { width } = useSafeAreaFrame();
+
     return (
         <View>
             <Separator />
@@ -24,6 +30,7 @@ export default function Item({
             <XStack
                 alignContent="center"
                 flex={1}
+                minHeight={width / 9}
                 onPress={() => {
                     switch (item.Type) {
                         case ("MusicArtist") : {
@@ -58,7 +65,18 @@ export default function Item({
                     })
                 }}
             >
+                <BlurhashedImage item={item} size={width / 9} />
                 <Text>{ item.Name ?? ""}</Text>
+
+                { item.UserData?.IsFavorite ? (
+                    <Icon 
+                        small
+                        color={Colors.Primary}
+                        name="heart"
+                    />
+                ) : (
+                    <Spacer />
+                )}
             </XStack>
         </View>
     )
diff --git a/components/Search/component.tsx b/components/Search/component.tsx
index f831ee9b..3c7c16ef 100644
--- a/components/Search/component.tsx
+++ b/components/Search/component.tsx
@@ -20,7 +20,7 @@ export default function Search({
     useEffect(() => {
         debounce(() => {
             refetch()
-        }, 500)
+        }, 750)
     }, [
         searchString
     ])