From 1dd5fdcfa99b3efc2aac58b6add537b3cdb3b30b Mon Sep 17 00:00:00 2001
From: im-adithya <imadithyavardhan@gmail.com>
Date: Tue, 11 Feb 2025 00:26:43 +0530
Subject: [PATCH] chore: replace RN Text with Text component

---
 components/HelpModal.tsx         |  5 +++--
 pages/settings/Notifications.tsx | 11 ++++++-----
 pages/settings/Security.tsx      |  7 +++++--
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/HelpModal.tsx b/components/HelpModal.tsx
index c800cbf..36425b0 100644
--- a/components/HelpModal.tsx
+++ b/components/HelpModal.tsx
@@ -1,6 +1,7 @@
 import React from "react";
-import { Modal, Text, TouchableOpacity, View } from "react-native";
+import { Modal, TouchableOpacity, View } from "react-native";
 import { Button } from "~/components/ui/button";
+import { Text } from "~/components/ui/text";
 
 type HelpModalProps = {
   visible: boolean;
@@ -25,7 +26,7 @@ function HelpModal({ visible, onClose }: HelpModalProps) {
           <Text className="text-xl text-foreground font-bold2 mb-2">
             Connect Your Wallet
           </Text>
-          <View className="flex flex-col gap-2 mb-4">
+          <View className="flex flex-col mb-4">
             <Text className="text-muted-foreground">
               Follow these steps to connect Alby Go to your Hub:
             </Text>
diff --git a/pages/settings/Notifications.tsx b/pages/settings/Notifications.tsx
index 2cef04d..5ae6f8c 100644
--- a/pages/settings/Notifications.tsx
+++ b/pages/settings/Notifications.tsx
@@ -1,9 +1,10 @@
 import React from "react";
-import { FlatList, Text, View } from "react-native";
+import { FlatList, View } from "react-native";
 import Loading from "~/components/Loading";
 import Screen from "~/components/Screen";
 import { Label } from "~/components/ui/label";
 import { Switch } from "~/components/ui/switch";
+import { Text } from "~/components/ui/text";
 import { errorToast } from "~/lib/errorToast";
 import {
   deregisterWalletNotifications,
@@ -24,7 +25,7 @@ export function Notifications() {
       <View className="flex-1">
         <View className="flex-row items-center justify-between gap-2 px-6">
           <Label nativeID="notifications">
-            <Text className="text-lg">Show app notifications</Text>
+            <Text className="text-lg font-medium2">Show app notifications</Text>
           </Label>
           {isLoading ? (
             <Loading className="h-8 mr-4" />
@@ -57,8 +58,8 @@ export function Notifications() {
         </View>
         {wallets.length > 1 && (
           <>
-            <View>
-              <Text className="text-lg text-center px-8 my-6">
+            <View className="px-8 my-6">
+              <Text className="text-lg text-center text-muted-foreground">
                 Choose from which wallets you want to receive app notifications
               </Text>
             </View>
@@ -111,7 +112,7 @@ function WalletNotificationSwitch({
   return (
     <View className="flex-row items-center justify-between gap-2 mb-6">
       <Label nativeID={`notifications-${index}`}>
-        <Text className="text-lg">{wallet.name}</Text>
+        <Text className="text-lg font-medium2">{wallet.name}</Text>
       </Label>
       {isLoading ? (
         <Loading className="h-8 mr-4" />
diff --git a/pages/settings/Security.tsx b/pages/settings/Security.tsx
index c356fee..c76be12 100644
--- a/pages/settings/Security.tsx
+++ b/pages/settings/Security.tsx
@@ -1,11 +1,12 @@
 import React from "react";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import Alert from "~/components/Alert";
 import { TriangleAlertIcon } from "~/components/Icons";
 import Loading from "~/components/Loading";
 import Screen from "~/components/Screen";
 import { Label } from "~/components/ui/label";
 import { Switch } from "~/components/ui/switch";
+import { Text } from "~/components/ui/text";
 import { isBiometricSupported } from "~/lib/isBiometricSupported";
 import { useAppStore } from "~/lib/state/appStore";
 import { cn } from "~/lib/utils";
@@ -50,7 +51,9 @@ export function Security() {
                 nativeID="security"
                 disabled={isSupported}
               >
-                <Text className="text-lg">Require phone lock to access</Text>
+                <Text className="text-lg font-medium2">
+                  Require phone lock to access
+                </Text>
               </Label>
               <Switch
                 checked={isEnabled}