teal.fm
Your music, beautifully tracked. All yours. (coming soon)
teal.fm
teal-fm
atproto
use ui/input when possible
+7
-10
apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx
+7
-10
apps/amethyst/app/(tabs)/(stamp)/stamp/index.tsx
···
1
1
import { Button } from "@/components/ui/button";
2
2
import { Icon } from "@/lib/icons/iconWithClassName";
3
-
import { Link, Stack, useRouter } from "expo-router";
3
+
import { Stack, useRouter } from "expo-router";
4
4
import { Check, ChevronDown, ChevronRight } from "lucide-react-native";
5
5
6
6
import React, { useContext, useEffect, useRef, useState } from "react";
···
8
8
FlatList,
9
9
Image,
10
10
ScrollView,
11
-
TextInput,
12
11
TouchableOpacity,
13
12
View,
14
13
} from "react-native";
···
26
25
import SheetBackdrop, { SheetHandle } from "@/components/ui/sheetBackdrop";
27
26
import { StampContext, StampContextValue, StampStep } from "./_layout";
28
27
import { ExternalLink } from "@/components/ExternalLink";
28
+
import { Input } from "@/components/ui/input";
29
29
30
30
export default function StepOne() {
31
31
const router = useRouter();
···
87
87
}}
88
88
/>
89
89
{/* Search Form */}
90
-
<View className="flex gap-4 max-w-2xl w-screen px-4">
90
+
<View className="flex gap-2 max-w-2xl w-screen px-4">
91
91
<Text className="font-bold text-lg">Search for a track</Text>
92
-
<TextInput
93
-
className="p-2 border rounded-lg border-gray-300 bg-white"
92
+
<Input
94
93
placeholder="Track name..."
95
94
value={searchFields.track}
96
95
onChangeText={(text) =>
···
102
101
}
103
102
}}
104
103
/>
105
-
<TextInput
106
-
className="p-2 border rounded-lg border-gray-300 bg-white"
104
+
<Input
107
105
placeholder="Artist name..."
108
106
value={searchFields.artist}
109
107
onChangeText={(text) =>
···
115
113
}
116
114
}}
117
115
/>
118
-
<TextInput
119
-
className="p-2 border rounded-lg border-gray-300 bg-white"
116
+
<Input
120
117
placeholder="Album name..."
121
118
value={searchFields.release}
122
119
onChangeText={(text) =>
···
128
125
}
129
126
}}
130
127
/>
131
-
<View className="flex-row gap-2">
128
+
<View className="flex-row gap-2 mt-2">
132
129
<Button
133
130
className="flex-1"
134
131
onPress={handleSearch}
-1
apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx
-1
apps/amethyst/app/(tabs)/(stamp)/stamp/submit.tsx
···
19
19
import { ExternalLink } from "@/components/ExternalLink";
20
20
import { StampContext, StampContextValue, StampStep } from "./_layout";
21
21
import { Image } from "react-native";
22
-
import PlayView from "@/components/play/playView";
23
22
24
23
type CardyBResponse = {
25
24
error: string;