fix(simple buy): design changes to confirm screen

blockchain · Jun 9, 2021 · c7a250a · c7a250a
1 parent bd6a6a3
commit c7a250a
Showing 1 changed file with 14 additions and 25 deletions.
diff --git a/...s/blockchain-wallet-v4-frontend/src/modals/SimpleBuy/CheckoutConfirm/template.success.tsx b/...s/blockchain-wallet-v4-frontend/src/modals/SimpleBuy/CheckoutConfirm/template.success.tsx
@@ -213,10 +213,11 @@ const Success: React.FC<InjectedFormProps<{ form: string }, Props> & Props> = (p
         <TopText color='grey800' size='20px' weight={600}>
           <Icon
             cursor
-            name='arrow-left'
+            data-e2e='sbBackToEnterAmount'
+            name='arrow-back'
             size='20px'
             color='grey600'
-            style={{ marginRight: '24px' }}
+            style={{ marginRight: '8px' }}
             role='button'
             onClick={handleCancel}
           />
@@ -303,34 +304,22 @@ const Success: React.FC<InjectedFormProps<{ form: string }, Props> & Props> = (p
           </RowTextWrapper>
         </RowText>
       </RowItem>
-      <RowItem>
-        <RowText>
-          <FormattedMessage id='copy.purchase' defaultMessage='Purchase' />
-        </RowText>
-        <RowText>{displayFiat(props.order, props.supportedCoins, String(purchase))}</RowText>
-      </RowItem>
-      {!isBankLink && (
+      {isCardPayment && (
         <RowItem>
           <RowItemContainer>
             <TopRow>
               <RowIcon>
                 <RowText>
-                  {isCardPayment ? (
-                    <FormattedMessage id='copy.card_fee' defaultMessage='Card Fee' />
-                  ) : (
-                    <FormattedMessage id='copy.fee' defaultMessage='Fee' />
-                  )}
+                  <FormattedMessage id='copy.card_fee' defaultMessage='Card Fee' />
                 </RowText>
-                {isCardPayment && (
-                  <IconWrapper>
-                    <Icon
-                      name='question-in-circle-filled'
-                      size='16px'
-                      color={isActiveFeeTooltip ? 'blue600' : 'grey300'}
-                      onClick={() => setFeeToolTip(!isActiveFeeTooltip)}
-                    />
-                  </IconWrapper>
-                )}
+                <IconWrapper>
+                  <Icon
+                    name='question-in-circle-filled'
+                    size='16px'
+                    color={isActiveFeeTooltip ? 'blue600' : 'grey300'}
+                    onClick={() => setFeeToolTip(!isActiveFeeTooltip)}
+                  />
+                </IconWrapper>
               </RowIcon>
               <RowText data-e2e='sbFee'>
                 {props.order.fee
@@ -340,7 +329,7 @@ const Success: React.FC<InjectedFormProps<{ form: string }, Props> & Props> = (p
                     }`}
               </RowText>
             </TopRow>
-            {isCardPayment && isActiveFeeTooltip && (
+            {isActiveFeeTooltip && (
               <ToolTipText>
                 <Text size='12px' weight={500} color='grey600'>
                   <TextGroup inline>