Various fixes

src/components/ProgressExplainerModal.tsx

@@ -12,7 +12,7 @@ import { WrapModal } from "./WrapModal";
 import tw from "@src/utils/tailwind";
 import { UiButton } from "@src/components/UiButton";
 
-type Steps = 1 | 2 | 3 | 4;
+type Steps = 1 | 2 | 3;
 
 const stepsImages: Record<
   Steps,
@@ -21,7 +21,7 @@ const stepsImages: Record<
   1: {
     image: require("@assets/onboading/favorite-domain.png"),
     text: () =>
-      t`Click the star icon to select your favorite profile. Keep track of your main profile's completion progress with the profile completion bar.`,
+      t`Click the star icon to select your favorite profile. Keep track of your favorite profile's completion progress with the profile completion bar.`,
     icon: <AntDesign name="star" size={24} color={tw.color("brand-primary")} />,
   },
   2: {
@@ -43,11 +43,6 @@ const stepsImages: Record<
       t`Add a profile pic that represents you. It can be a photo of yourself, your favourite NFT or something that inspires you.`,
     icon: <Ionicons name="camera-sharp" size={24} color="#F391BD" />,
   },
-  4: {
-    image: require("@assets/onboading/connect-backpack.png"),
-    text: () => t`Connect your backpack username to your on-chain identity.`,
-    icon: <MaterialIcons name="backpack" size={24} color="#E20505" />,
-  },
 };
 
 export const ProgressExplainerModal = ({
@@ -72,14 +67,14 @@ export const ProgressExplainerModal = ({
         <View style={tw`flex flex-row items-start gap-2 mt-2`}>
           {stepsImages[currentStep].icon}
 
-          <Text style={tw`text-sm font-medium`}>
+          <Text style={tw`text-sm font-medium text-center`}>
             {stepsImages[currentStep].text()}
           </Text>
         </View>
       </View>
 
       <View style={tw`flex flex-row justify-center mt-4`}>
-        {new Array(4).fill(0).map((_, i) => (
+        {new Array(3).fill(0).map((_, i) => (
           <TouchableOpacity
             key={i}
             onPress={() => {
@@ -105,7 +100,7 @@ export const ProgressExplainerModal = ({
         </TouchableOpacity>
 
         <View style={tw`flex-initial`}>
-          {currentStep === 4 ? (
+          {currentStep === 3 ? (
             <UiButton onPress={closeModal} content={t`Close`} />
           ) : (
             <UiButton

src/screens/HomeScreen.tsx

@@ -89,7 +89,8 @@ function HomeRoot() {
         </Text>
       </View>
       <CustomTextInput
-        onChangeText={(newText) => setSearch(newText)}
+        autoCapitalize="none"
+        onChangeText={(newText) => setSearch(newText.toLowerCase())}
         value={search}
         placeholder={t`Search for a domain`}
         type="search"

src/screens/SearchResult.tsx

@@ -66,7 +66,8 @@ export const SearchResult = ({
     <Screen>
       <ScrollView showsHorizontalScrollIndicator={false}>
         <CustomTextInput
-          onChangeText={(newText) => setInput(newText)}
+          autoCapitalize="none"
+          onChangeText={(newText) => setSearch(newText.toLowerCase())}
           value={input}
           placeholder={t`Search for a domain`}
           type="search"