fix: loading button

shapeshift · Sep 12, 2024 · da8af4e · da8af4e
1 parent c4c979f
commit da8af4e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/MultiHopTrade/components/TradeInput/components/ConfirmSummary.tsx b/src/components/MultiHopTrade/components/TradeInput/components/ConfirmSummary.tsx
@@ -238,6 +238,10 @@ export const ConfirmSummary = ({
     translate,
   ])
 
+  const buttonText = useMemo(() => {
+    return <Text translation={quoteStatusTranslation} />
+  }, [quoteStatusTranslation])
+
   return (
     <>
       <CardFooter
@@ -303,14 +307,16 @@ export const ConfirmSummary = ({
         />
 
         <Button
+          isLoading={isAccountMetadataLoading}
+          loadingText={buttonText}
           type='submit'
           colorScheme={quoteHasError ? 'red' : 'blue'}
           size='lg-multiline'
           data-test='trade-form-preview-button'
           isDisabled={shouldDisablePreviewButton}
           mx={-2}
         >
-          <Text translation={quoteStatusTranslation} />
+          {buttonText}
         </Button>
       </CardFooter>
     </>