Search button UI fix

Author: anilyavas

app/(tabs)/index.tsx

@@ -3,7 +3,16 @@ import { LinearGradient } from 'expo-linear-gradient';
 import LottieView from 'lottie-react-native';
 import { OpenAI } from 'openai';
 import { useRef, useState } from 'react';
-import { View, Dimensions, TextInput, Button, Alert, ScrollView, Text } from 'react-native';
+import {
+  View,
+  Dimensions,
+  TextInput,
+  Button,
+  Alert,
+  ScrollView,
+  Text,
+  Pressable,
+} from 'react-native';
 
 import { supabase } from '~/utils/supabase';
 
@@ -83,7 +92,9 @@ export default function Home() {
             className="m-2 flex-1 text-white"
             placeholderTextColor="gainsboro"
           />
-          <Button title="Search" color="white" onPress={() => generateRecipes(ingredients)} />
+          <Pressable className="justify-center" onPress={() => generateRecipes(ingredients)}>
+            <Text className="text-lg text-white">Search</Text>
+          </Pressable>
         </View>
         {loading && (
           <View className="flex-1 items-center justify-center">

constants/onboard.tsx

@@ -27,7 +27,7 @@ export const onBoardingData: onBoardingDataType[] = [
   {
     id: 3,
     title: 'Cook & Enjoy!',
-    subtitle: 'Follow easy step-by-step instructions and enjoy meals made just for you.',
+    subtitle: 'Follow easy step-by-step instructions by AI and enjoy meals made just for you.',
     image: <Image source={Onboarding3} style={{ width: 200, height: 200 }} />,
   },
 ];