From 85ca9e83240ca36b1e71b2529c9431423980fbb0 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Fri, 24 Jan 2025 06:47:34 -0600
Subject: [PATCH] make this actually usable

---
 components/Search/component.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/Search/component.tsx b/components/Search/component.tsx
index 7bb1a3bd..910c0c90 100644
--- a/components/Search/component.tsx
+++ b/components/Search/component.tsx
@@ -6,6 +6,8 @@ import { useSearch } from "../../api/queries/search";
 import Item from "../Global/components/item";
 import { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { StackParamList } from "../types";
+import { ScrollView } from "tamagui";
+import { FlatList } from "react-native";
 
 export default function Search({ 
     navigation
@@ -33,11 +35,16 @@ export default function Search({
                 value={searchString}
             />
 
-            { !isFetching && isFetched && items!.map(item => {
-                return (
-                    <Item item={item} navigation={navigation} queueName={searchString ?? "Search"} />
-                )
-            })}
+            { !isFetching && isFetched && (
+                <FlatList
+                    data={items}
+                    renderItem={({ index, item }) => {
+                        return (
+                            <Item item={item} queueName={searchString ?? "Search"} navigation={navigation} />
+                        )
+                    }} 
+                />
+            )}
         </SafeAreaView>
     )
 }
\ No newline at end of file