chore: replace RN Text with Text component (#269)

getAlby · Feb 10, 2025 · 9b5f39e · 9b5f39e
1 parent 0d2680c
commit 9b5f39e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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}