From 21517c920d6092d400ff92db25602aeb2eddeffa Mon Sep 17 00:00:00 2001
From: "Natalie B." <22222885+espeon@users.noreply.github.com>
Date: Sat, 15 Mar 2025 20:08:44 -0500
Subject: [PATCH] use ui/input when possible

---
 .../amethyst/app/(tabs)/(stamp)/stamp/index.tsx | 17 +++++++----------
 .../app/(tabs)/(stamp)/stamp/submit.tsx         |  1 -
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx b/apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx
index 688f5af..17cd660 100644
--- a/apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx
+++ b/apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/ui/button";
 import { Icon } from "@/lib/icons/iconWithClassName";
-import { Link, Stack, useRouter } from "expo-router";
+import { Stack, useRouter } from "expo-router";
 import { Check, ChevronDown, ChevronRight } from "lucide-react-native";
 
 import React, { useContext, useEffect, useRef, useState } from "react";
@@ -8,7 +8,6 @@ import {
   FlatList,
   Image,
   ScrollView,
-  TextInput,
   TouchableOpacity,
   View,
 } from "react-native";
@@ -26,6 +25,7 @@ import { BottomSheetModal, BottomSheetScrollView } from "@gorhom/bottom-sheet";
 import SheetBackdrop, { SheetHandle } from "@/components/ui/sheetBackdrop";
 import { StampContext, StampContextValue, StampStep } from "./_layout";
 import { ExternalLink } from "@/components/ExternalLink";
+import { Input } from "@/components/ui/input";
 
 export default function StepOne() {
   const router = useRouter();
@@ -87,10 +87,9 @@ export default function StepOne() {
         }}
       />
       {/* Search Form */}
-      <View className="flex gap-4 max-w-2xl w-screen px-4">
+      <View className="flex gap-2 max-w-2xl w-screen px-4">
         <Text className="font-bold text-lg">Search for a track</Text>
-        <TextInput
-          className="p-2 border rounded-lg border-gray-300 bg-white"
+        <Input
           placeholder="Track name..."
           value={searchFields.track}
           onChangeText={(text) =>
@@ -102,8 +101,7 @@ export default function StepOne() {
             }
           }}
         />
-        <TextInput
-          className="p-2 border rounded-lg border-gray-300 bg-white"
+        <Input
           placeholder="Artist name..."
           value={searchFields.artist}
           onChangeText={(text) =>
@@ -115,8 +113,7 @@ export default function StepOne() {
             }
           }}
         />
-        <TextInput
-          className="p-2 border rounded-lg border-gray-300 bg-white"
+        <Input
           placeholder="Album name..."
           value={searchFields.release}
           onChangeText={(text) =>
@@ -128,7 +125,7 @@ export default function StepOne() {
             }
           }}
         />
-        <View className="flex-row gap-2">
+        <View className="flex-row gap-2 mt-2">
           <Button
             className="flex-1"
             onPress={handleSearch}
diff --git a/apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx b/apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx
index c31f55f..3187df5 100644
--- a/apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx
+++ b/apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx
@@ -19,7 +19,6 @@ import { Text } from "@/components/ui/text";
 import { ExternalLink } from "@/components/ExternalLink";
 import { StampContext, StampContextValue, StampStep } from "./_layout";
 import { Image } from "react-native";
-import PlayView from "@/components/play/playView";
 
 type CardyBResponse = {
   error: string;
-- 
2.51.2