fix titles

zeriontech · Jul 25, 2024 · 3ab5b56 · 3ab5b56
1 parent d392bb0
commit 3ab5b56
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 30 deletions.
diff --git a/src/ui/components/SignMessageButton/SignMessageButton.tsx b/src/ui/components/SignMessageButton/SignMessageButton.tsx
@@ -109,26 +109,13 @@ export const SignMessageButton = React.forwardRef(function SignMessageButton(
 
   const title = buttonTitle || 'Sign';
 
-  const successTitle = (
-    <HStack gap={4} alignItems="center">
-      <CheckIcon
-        style={{
-          width: 20,
-          height: 20,
-          color: 'var(--positive-500)',
-        }}
-      />
-      <span>Signed</span>
-    </HStack>
-  );
-
   return isDeviceAccount(wallet) ? (
     <HardwareSignMessage
       ref={hardwareSignRef}
       derivationPath={wallet.derivationPath}
       isSigning={isLoading}
       children={children}
-      buttonTitle={isSuccess ? successTitle : buttonTitle}
+      buttonTitle={isSuccess ? 'Signed' : buttonTitle}
       buttonKind={buttonKind}
       onClick={onClick}
       disabled={disabled}
@@ -142,7 +129,18 @@ export const SignMessageButton = React.forwardRef(function SignMessageButton(
         holdToSign ? (
           <HoldableButton
             text={`Hold to ${title}`}
-            successText={successTitle}
+            successText={
+              <HStack gap={4} alignItems="center">
+                <CheckIcon
+                  style={{
+                    width: 20,
+                    height: 20,
+                    color: 'var(--positive-500)',
+                  }}
+                />
+                <span>Signed</span>
+              </HStack>
+            }
             submittingText="Sending..."
             onClick={handleClick}
             success={isSuccess}

diff --git a/src/ui/components/SignTransactionButton/SignTransactionButton.tsx b/src/ui/components/SignTransactionButton/SignTransactionButton.tsx
@@ -85,19 +85,6 @@ export const SignTransactionButton = React.forwardRef(
     const disabled = isLoading || sendTxMutation.isSuccess || disabledAttr;
     const title = buttonTitle || 'Confirm';
 
-    const successTitle = (
-      <HStack gap={4} alignItems="center">
-        <CheckIcon
-          style={{
-            width: 20,
-            height: 20,
-            color: 'var(--positive-500)',
-          }}
-        />
-        <span>Sent</span>
-      </HStack>
-    );
-
     return isDeviceAccount(wallet) ? (
       <HardwareSignTransaction
         ref={hardwareSignRef}
@@ -106,7 +93,7 @@ export const SignTransactionButton = React.forwardRef(
         children={children}
         buttonTitle={
           sendTxMutation.isSuccess
-            ? successTitle
+            ? 'Sent'
             : isLoadingProp
             ? 'Preparing...'
             : buttonTitle
@@ -124,7 +111,18 @@ export const SignTransactionButton = React.forwardRef(
           return holdToSign ? (
             <HoldableButton
               text={`Hold to ${title}`}
-              successText={successTitle}
+              successText={
+                <HStack gap={4} alignItems="center">
+                  <CheckIcon
+                    style={{
+                      width: 20,
+                      height: 20,
+                      color: 'var(--positive-500)',
+                    }}
+                  />
+                  <span>Sent</span>
+                </HStack>
+              }
               submittingText="Sending..."
               onClick={handleClick}
               success={sendTxMutation.isSuccess}