Update FioCreateHandleModal

- Use ButtonsViewUi4 - Change green word highlight location
EdgeApp · Jan 3, 2024 · 863d91f · 863d91f
1 parent a355b07
commit 863d91f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/components/modals/FioCreateHandleModal.tsx b/src/components/modals/FioCreateHandleModal.tsx
@@ -10,8 +10,8 @@ import { parseMarkedText } from '../../util/parseMarkedText'
 import { styled } from '../hoc/styled'
 import { cacheStyles, Theme, useTheme } from '../services/ThemeContext'
 import { EdgeText } from '../themed/EdgeText'
-import { MainButton } from '../themed/MainButton'
 import { ThemedModal } from '../themed/ThemedModal'
+import { ButtonsViewUi4 } from '../ui4/ButtonsViewUi4'
 
 interface Props {
   bridge: AirshipBridge<boolean>
@@ -41,7 +41,9 @@ export const FioCreateHandleModal = (props: Props) => {
     <ThemedModal bridge={bridge} closeButton={false} onCancel={handleCancel}>
       <View style={styles.container}>
         <FastImage source={{ uri: getFioNewHandleImage(theme) }} style={styles.icon} />
-        <GetFioHandleTitle>{parseMarkedText(lstrings.fio_free_web3_handle_title_m)}</GetFioHandleTitle>
+        <GetFioHandleTitle numberOfLines={1} adjustsFontSizeToFit>
+          {parseMarkedText(lstrings.fio_free_web3_handle_title_m)}
+        </GetFioHandleTitle>
         <EdgeText style={styles.message} numberOfLines={8} disableFontScaling>
           {lstrings.fio_free_web3_handle_message}
         </EdgeText>
@@ -51,8 +53,11 @@ export const FioCreateHandleModal = (props: Props) => {
           {lstrings.fio_free_handle_please_wait}
         </EdgeText>
       ) : null}
-      <MainButton type="primary" label={lstrings.get_started_button} onPress={handleConfirm} marginRem={[1, 1, 0.5, 1]} />
-      <MainButton type="escape" label={lstrings.not_now_button} onPress={handleCancel} marginRem={[0.5, 1, 0.5, 1]} />
+      <ButtonsViewUi4
+        primary={{ label: lstrings.get_started_button, onPress: handleConfirm }}
+        secondary={{ label: lstrings.not_now_button, onPress: handleCancel }}
+        layout="column"
+      />
     </ThemedModal>
   )
 }

diff --git a/src/locales/en_US.ts b/src/locales/en_US.ts
@@ -1009,7 +1009,7 @@ const strings = {
   fio_domain_to_transfer: 'Domain to Transfer',
   fio_domain_transferred: 'Successfully transferred',
   fio_free_handle_complete: 'Successfully created your FIO handle',
-  fio_free_web3_handle_title_m: 'Claim Your *Web3* Handle',
+  fio_free_web3_handle_title_m: 'Claim Your Web3 *Handle*',
   fio_free_handle_title: 'Get a FIO Handle',
   fio_free_web3_handle_message: 'Give your account a universal Web3 handle powered by FIO to simplify sending and receiving transactions.',
   fio_free_handle_please_wait: 'Please wait for wallet creation to complete...',

diff --git a/src/locales/strings/enUS.json b/src/locales/strings/enUS.json
@@ -905,7 +905,7 @@
   "fio_domain_to_transfer": "Domain to Transfer",
   "fio_domain_transferred": "Successfully transferred",
   "fio_free_handle_complete": "Successfully created your FIO handle",
-  "fio_free_web3_handle_title_m": "Claim Your *Web3* Handle",
+  "fio_free_web3_handle_title_m": "Claim Your Web3 *Handle*",
   "fio_free_handle_title": "Get a FIO Handle",
   "fio_free_web3_handle_message": "Give your account a universal Web3 handle powered by FIO to simplify sending and receiving transactions.",
   "fio_free_handle_please_wait": "Please wait for wallet creation to complete...",