Fix/some swap UI (#6343)

OneKeyHQ · Dec 17, 2024 · be5c275 · be5c275
1 parent 1933e93
commit be5c275
Show file tree

Hide file tree

Showing 23 changed files with 141 additions and 43 deletions.
diff --git a/packages/kit/src/views/Swap/components/SwapServiceFeeOverview.tsx b/packages/kit/src/views/Swap/components/SwapServiceFeeOverview.tsx
@@ -79,15 +79,25 @@ export function SwapServiceFeeOverview({
         <IconButton variant="tertiary" size="small" icon="InfoCircleOutline" />
       }
       renderContent={
-        <Stack gap="$5" p="$4">
-          <SizableText size="$bodyMd" color="$textSubdued">
-            {intl.formatMessage(
-              {
-                id: ETranslations.provider_ios_popover_onekey_fee_content,
-              },
-              { num: `${serviceFee}%` },
-            )}
-          </SizableText>
+        <Stack gap="$4" p="$4">
+          <Stack gap="$1">
+            <SizableText size="$bodyMd" color="$textSubdued">
+              {intl.formatMessage(
+                {
+                  id: ETranslations.provider_ios_popover_onekey_fee_content,
+                },
+                { num: `${serviceFee}%` },
+              )}
+            </SizableText>
+            <SizableText size="$bodyMd" color="$textSubdued">
+              {intl.formatMessage(
+                {
+                  id: ETranslations.provider_ios_popover_onekey_fee_content_2,
+                },
+                { num: `${serviceFee}%` },
+              )}
+            </SizableText>
+          </Stack>
           <Stack gap="$2">
             {protocolFeeInfoList.map((item) => renderProtocolFeeListItem(item))}
           </Stack>

diff --git a/packages/kit/src/views/Swap/pages/components/SwapInputActions.tsx b/packages/kit/src/views/Swap/pages/components/SwapInputActions.tsx
@@ -4,6 +4,7 @@ import { useIntl } from 'react-intl';
 
 import {
   AnimatePresence,
+  Badge,
   Button,
   Icon,
   SizableText,
@@ -50,6 +51,8 @@ const SwapInputActions = ({
           x: 4,
         }}
         gap="$1"
+        alignItems="center"
+        pb="$2"
       >
         {showActionBuy ? (
           <ActionBuy
@@ -61,11 +64,7 @@ const SwapInputActions = ({
             bg="$bgSubdued"
             size="small"
             label={
-              <XStack
-                alignItems="center"
-                gap="$1"
-                pt={platformEnv.isNativeIOS ? '$1' : '$0'}
-              >
+              <XStack alignItems="center" gap="$1">
                 <Icon name="CreditCardCvvOutline" size="$4" />
                 <SizableText size="$bodySmMedium" color="$textSubdued">
                   {intl.formatMessage({ id: ETranslations.global_buy })}
@@ -81,21 +80,26 @@ const SwapInputActions = ({
         {showPercentageInput ? (
           <>
             {needSwapPercentageInputStage.map((stage) => (
-              <Button
-                height="$5"
+              <Badge
                 key={`swap-percentage-input-stage-${stage}`}
-                size="small"
+                role="button"
+                badgeSize="sm"
                 onPress={() => {
                   onSelectStage?.(stage);
                 }}
-                bg="$bgSubdued"
                 px="$1.5"
-                py="$0"
+                bg="$bgSubdued"
+                borderRadius="$2"
+                userSelect="none"
+                hoverStyle={{
+                  bg: '$bgStrongHover',
+                }}
+                pressStyle={{
+                  bg: '$bgStrongActive',
+                }}
               >
-                <SizableText size="$bodySmMedium" color="$textSubdued">
-                  {stage}%
-                </SizableText>
-              </Button>
+                <Badge.Text>{stage}%</Badge.Text>
+              </Badge>
             ))}
           </>
         ) : null}

diff --git a/packages/shared/src/locale/enum/translations.ts b/packages/shared/src/locale/enum/translations.ts
@@ -631,6 +631,8 @@
   feedback_current_network_message = 'feedback.current_network_message',
   feedback_dapp_connected_account = 'feedback.dapp_connected_account',
   feedback_derivation_path_restriction = 'feedback.derivation_path_restriction',
+  feedback_device_psbt_signature_utxo_reached_limit_desc = 'feedback.device_psbt_signature_utxo_reached_limit_desc',
+  feedback_device_psbt_signature_utxo_reached_limit_title = 'feedback.device_psbt_signature_utxo_reached_limit_title',
   feedback_edited_network_fee_still_too_low_message = 'feedback.edited_network_fee_still_too_low_message',
   feedback_error_dot_account_retention_prompt = 'feedback.error_dot_account_retention_prompt',
   feedback_external_wallet_does_not_approve_network = 'feedback.external_wallet_does_not_approve_network',
@@ -1458,6 +1460,7 @@
   provider_ios_popover_approval_require_title = 'provider.ios_popover.approval_require_title',
   provider_ios_popover_onekey_fee = 'provider.ios_popover.onekey_fee',
   provider_ios_popover_onekey_fee_content = 'provider.ios_popover.onekey_fee_content',
+  provider_ios_popover_onekey_fee_content_2 = 'provider.ios_popover.onekey_fee_content_2',
   provider_ios_popover_onekey_fee_content_sub = 'provider.ios_popover.onekey_fee_content_sub',
   provider_ios_popover_order_info_title = 'provider.ios_popover.order_info_title',
   provider_ios_popover_title = 'provider.ios_popover.title',
@@ -2046,6 +2049,7 @@
   update_update_history = 'update.update_history',
   update_update_in_official_web_tool = 'update.update_in_official_web_tool',
   update_update_in_official_web_tool_desc = 'update.update_in_official_web_tool_desc',
+  update_update_in_official_web_tool_desc_copy = 'update.update_in_official_web_tool_desc_copy',
   update_update_now = 'update.update_now',
   update_update_required = 'update.update_required',
   update_update_required_desc = 'update.update_required_desc',

diff --git a/packages/shared/src/locale/json/bn.json b/packages/shared/src/locale/json/bn.json
@@ -626,6 +626,8 @@
   "feedback.current_network_message": "{network} বর্তমান নেটওয়ার্ক হিসেবে কাজ করছে",
   "feedback.dapp_connected_account": "{dapp} সংযুক্ত {account}",
   "feedback.derivation_path_restriction": "উৎপত্তি পথ সীমাবদ্ধতা",
+  "feedback.device_psbt_signature_utxo_reached_limit_desc": "UTXOs এর সংখ্যা এই ডিভাইসের জন্য প্রতিটি স্বাক্ষরের জন্য {count} UTXOs এর ডিভাইস সীমা অতিক্রম করেছে। আপনি প্রথমে এই ঠিকানায় প্রয়োজনীয় তহবিল পাঠানোর চেষ্টা করতে পারেন একটি একক UTXO তৈরি করতে, তারপর আবার চেষ্টা করুন।",
+  "feedback.device_psbt_signature_utxo_reached_limit_title": "PSBT স্বাক্ষর ব্যর্থ - UTXO সীমা অতিক্রম করা হয়েছে",
   "feedback.edited_network_fee_still_too_low_message": "সম্পাদিত নেটওয়ার্ক খরচ প্রয়োজনীয় চেয়ে কম ছিল, তাই আমরা এটি আপনার জন্য স্বয়ংক্রিয়ভাবে সমন্বয় করেছি।",
   "feedback.error_dot_account_retention_prompt": "স্থানান্তরগুলি ব্যালেন্সকে {0} এর নিচে নিম্নমুখী করতে পারে, যা ফলে অ্যাকাউন্ট নিষ্ক্রিয় হতে পারে এবং Polkadot অন-চেইন পদ্ধতির কারণে ব্যালেন্স পরিষ্কার হতে পারে। এগিয়ে যাওয়ার আগে নিশ্চিত করুন।",
   "feedback.external_wallet_does_not_approve_network": "এই নেটওয়ার্কটি বাইরের ওয়ালেট অনুমোদন করে না",
@@ -1452,7 +1454,8 @@
   "provider.ios_popover.approval_require_msg": "অদলবদল করার আগে টোকেন অনুমোদন করতে হবে",
   "provider.ios_popover.approval_require_title": "অনুমোদন প্রয়োজন",
   "provider.ios_popover.onekey_fee": "OneKey fee",
-  "provider.ios_popover.onekey_fee_content": "OneKey একটি {num} ফি ধার্য করে (লেনদেন মোড়ানোর জন্য কোনো ফি নেই), যা ইতিমধ্যেই কোটে অন্তর্ভুক্ত রয়েছে, আমাদেরকে উচ্চ-মানের, নিরবচ্ছিন্ন অভিজ্ঞতা প্রদান করতে সহায়তা করে। ফি সম্পর্কে আপনার কোনো উদ্বেগ থাকলে, অনুগ্রহ করে আমাদের সাথে যোগাযোগ করুন।",
+  "provider.ios_popover.onekey_fee_content": "OneKey একটি {num} ফি চার্জ করে (সীমিত সময়ের ছাড়), যা ইতিমধ্যেই কোটে অন্তর্ভুক্ত রয়েছে, আমাদেরকে উচ্চ-মানের, নিরবচ্ছিন্ন অভিজ্ঞতা প্রদান করতে সহায়তা করে।",
+  "provider.ios_popover.onekey_fee_content_2": "দয়া করে মনে রাখবেন যে স্লিপেজ বা নেটওয়ার্ক ফি আপনার প্রাপ্ত প্রকৃত পরিমাণকে প্রভাবিত করতে পারে। আপনার যদি কোনো উদ্বেগ বা প্রশ্ন থাকে, তাহলে আমাদের সাথে যোগাযোগ করুন।",
   "provider.ios_popover.onekey_fee_content_sub": "দয়া করে মনে রাখবেন যে সেতু ফি, স্লিপেজ এবং ভাসমান হারগুলি প্রাপ্ত চূড়ান্ত পরিমাণকে প্রভাবিত করতে পারে। ফি সম্পর্কে আপনার যদি কোনো উদ্বেগ থাকে, তাহলে আমাদের সাথে যোগাযোগ করুন।",
   "provider.ios_popover.order_info_title": "অর্ডারের তথ্য",
   "provider.ios_popover.title": "তথ্য",
@@ -2041,6 +2044,7 @@
   "update.update_history": "আপডেটের ইতিহাস",
   "update.update_in_official_web_tool": "অফিশিয়াল ওয়েব টুলে আপডেট",
   "update.update_in_official_web_tool_desc": "আপনার হার্ডওয়্যার ওয়ালেট ফার্মওয়্যারটি আপডেট প্রয়োজন।\nআপগ্রেড করার জন্য দয়া করে আপনার কম্পিউটারে <url>firmware.onekey.so</url> ভিজিট করুন।",
+  "update.update_in_official_web_tool_desc_copy": "আপনার হার্ডওয়্যার ওয়ালেট ফার্মওয়্যারটি আপডেট প্রয়োজন।\nআপগ্রেড করার জন্য দয়া করে আপনার কম্পিউটারে firmware.onekey.so ভিজিট করুন।",
   "update.update_now": "এখন আপডেট করুন",
   "update.update_required": "আপডেট প্রয়োজন",
   "update.update_required_desc": "আপনার হার্ডওয়্যার ওয়ালেটের সংস্করণটি অপ্রচলিত এবং চালিয়ে যেতে হলে এটি আপডেট করা আবশ্যক।",

diff --git a/packages/shared/src/locale/json/de.json b/packages/shared/src/locale/json/de.json
@@ -626,6 +626,8 @@
   "feedback.current_network_message": "{network} ist das aktuelle Netzwerk",
   "feedback.dapp_connected_account": "{dapp} verbunden mit {account}",
   "feedback.derivation_path_restriction": "Ableitungspfadbeschränkung",
+  "feedback.device_psbt_signature_utxo_reached_limit_desc": "Die Anzahl der UTXOs überschreitet das Geräte-Limit von {count} UTXOs pro Signatur für dieses Gerät. Sie können versuchen, die erforderlichen Mittel zuerst an diese Adresse zu senden, um ein einzelnes UTXO zu erstellen, und es dann erneut versuchen.",
+  "feedback.device_psbt_signature_utxo_reached_limit_title": "PSBT-Signatur fehlgeschlagen - UTXO-Limit überschritten",
   "feedback.edited_network_fee_still_too_low_message": "Die bearbeiteten Netzwerkkosten waren geringer als erforderlich, daher haben wir sie automatisch für Sie angepasst.",
   "feedback.error_dot_account_retention_prompt": "Überweisungen können den Kontostand unter {0} senken, was zur Deaktivierung des Kontos und zur Begleichung des Saldos aufgrund des Polkadot On-Chain-Mechanismus führt. Bestätigen Sie, bevor Sie fortfahren.",
   "feedback.external_wallet_does_not_approve_network": "Die externe Geldbörse genehmigt dieses Netzwerk nicht",
@@ -1452,7 +1454,8 @@
   "provider.ios_popover.approval_require_msg": "Token muss vor dem Tausch genehmigt werden",
   "provider.ios_popover.approval_require_title": "Zustimmung erforderlich",
   "provider.ios_popover.onekey_fee": "OneKey fee",
-  "provider.ios_popover.onekey_fee_content": "OneKey erhebt eine Gebühr von {num} (keine Gebühren für Wrapping-Transaktionen), die bereits im Angebot enthalten ist und uns dabei unterstützt, ein hochwertiges, nahtloses Erlebnis zu bieten. Wenn Sie Bedenken bezüglich der Gebühr haben, kontaktieren Sie uns bitte.",
+  "provider.ios_popover.onekey_fee_content": "OneKey erhebt eine Gebühr von {num} (zeitlich begrenzter Rabatt), die bereits im Angebot enthalten ist und uns dabei unterstützt, ein hochwertiges, nahtloses Erlebnis zu bieten.",
+  "provider.ios_popover.onekey_fee_content_2": "Bitte beachten Sie, dass Slippage oder Netzwerkgebühren den tatsächlichen Betrag, den Sie erhalten, beeinflussen können. Wenn Sie Bedenken oder Fragen haben, kontaktieren Sie uns bitte.",
   "provider.ios_popover.onekey_fee_content_sub": "Bitte beachten Sie, dass Brückengebühren, Slippage und variable Wechselkurse den endgültigen Betrag beeinflussen können. Wenn Sie Bedenken bezüglich der Gebühr haben, kontaktieren Sie uns bitte.",
   "provider.ios_popover.order_info_title": "Bestellinformationen",
   "provider.ios_popover.title": "Information",
@@ -2041,6 +2044,7 @@
   "update.update_history": "Aktualisierungsverlauf",
   "update.update_in_official_web_tool": "Aktualisierung im offiziellen Web-Tool",
   "update.update_in_official_web_tool_desc": "Ihre Hardware-Wallet-Firmware benötigt ein Update.\nBitte besuchen Sie <url>firmware.onekey.so</url> auf Ihrem Computer, um das Upgrade durchzuführen.",
+  "update.update_in_official_web_tool_desc_copy": "Ihre Hardware-Wallet-Firmware benötigt ein Update.\nBitte besuchen Sie firmware.onekey.so auf Ihrem Computer, um das Upgrade durchzuführen.",
   "update.update_now": "Aktualisieren Sie jetzt",
   "update.update_required": "Aktualisierung erforderlich",
   "update.update_required_desc": "Die Version Ihrer Hardware-Wallet ist veraltet und muss aktualisiert werden, um fortzufahren.",

diff --git a/packages/shared/src/locale/json/en.json b/packages/shared/src/locale/json/en.json
@@ -626,6 +626,8 @@
   "feedback.current_network_message": "{network} is the current network",
   "feedback.dapp_connected_account": "{dapp} connected {account}",
   "feedback.derivation_path_restriction": "Derivation path restriction",
+  "feedback.device_psbt_signature_utxo_reached_limit_desc": "The number of UTXOs exceeds the device limit of {count} UTXOs per signature for this device. You can try to send required funds to this address first to create a single UTXO, then try again.",
+  "feedback.device_psbt_signature_utxo_reached_limit_title": "PSBT Signature Failed - UTXO Limit Exceeded",
   "feedback.edited_network_fee_still_too_low_message": "The edited network costs were less than required, so we’ve adjusted them automatically for you.",
   "feedback.error_dot_account_retention_prompt": "Transfers may reduce the balance below {0}, resulting in account deactivation and clearing balance due to Polkadot on-chain mechanism. Confirm before proceeding.",
   "feedback.external_wallet_does_not_approve_network": "The external wallet does not approve this network",
@@ -1452,7 +1454,8 @@
   "provider.ios_popover.approval_require_msg": "Need to approve token before swap",
   "provider.ios_popover.approval_require_title": "Approval Required",
   "provider.ios_popover.onekey_fee": "OneKey fee",
-  "provider.ios_popover.onekey_fee_content": "OneKey charges a {num} fee (no fees for wrapping transactions), which is already included in the quote, supporting us in providing a high-quality, seamless experience. If you have any concerns about the fee, please contact us.",
+  "provider.ios_popover.onekey_fee_content": "OneKey charges a {num} fee (limited-time discount), which is already included in the quote, supporting us in providing a high-quality, seamless experience.",
+  "provider.ios_popover.onekey_fee_content_2": "Please note that slippage or network fees may affect the actual amount you receive. If you have any concerns or questions, please contact us.",
   "provider.ios_popover.onekey_fee_content_sub": "Please note that bridge fees, slippage, and floating rates may affect the final amount received. If you have any concerns about the fee, please contact us.",
   "provider.ios_popover.order_info_title": "Order Info",
   "provider.ios_popover.title": "Information",
@@ -2041,6 +2044,7 @@
   "update.update_history": "Update history",
   "update.update_in_official_web_tool": "Update in official web tool",
   "update.update_in_official_web_tool_desc": "Your hardware wallet firmware requires an update.\nPlease visit <url>firmware.onekey.so</url> on your computer to proceed with the upgrade.",
+  "update.update_in_official_web_tool_desc_copy": "Your hardware wallet firmware requires an update.\nPlease visit firmware.onekey.so on your computer to proceed with the upgrade.",
   "update.update_now": "Update now",
   "update.update_required": "Update required",
   "update.update_required_desc": "Your hardware wallet's version is outdated and must be updated to continue.",