feat: remove remove button for now

blockchain · Aug 12, 2020 · a6b708d · a6b708d
1 parent 33be778
commit a6b708d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 22 deletions.
diff --git a/...lockchain-wallet-v4-frontend/src/scenes/Settings/General/LinkedBanks/template.success.tsx b/...lockchain-wallet-v4-frontend/src/scenes/Settings/General/LinkedBanks/template.success.tsx
@@ -1,20 +1,14 @@
-import { Button, Icon, Text } from 'blockchain-info-components'
 import { CardDetails, CardWrapper, Child, CustomSettingHeader } from '../styles'
 import { convertBaseToStandard } from 'data/components/exchange/services'
 import { fiatToString } from 'core/exchange/currency'
 import { FormattedMessage } from 'react-intl'
+import { Icon, Text } from 'blockchain-info-components'
 import { InjectedFormProps, reduxForm } from 'redux-form'
 import { Props as OwnProps, SuccessStateType } from '.'
 import { SettingContainer, SettingSummary } from 'components/Setting'
 import React from 'react'
 import styled from 'styled-components'
 
-const RemoveButton = styled(Button)`
-  &:hover {
-    border-color: ${props => props.theme.red400};
-    background-color: transparent;
-  }
-`
 const BankIconWrapper = styled.div`
   margin-right: 14px;
   width: 24px;
@@ -79,17 +73,6 @@ const Success: React.FC<InjectedFormProps<{}, Props> & Props> = props => {
                       {beneficiary.address}
                     </Text>
                   </CardDetails>
-                  <RemoveButton
-                    data-e2e='removeCard'
-                    nature='light-red'
-                    disabled={props.submitting}
-                    style={{ marginLeft: '18px', minWidth: 'auto' }}
-                  >
-                    <FormattedMessage
-                      id='buttons.remove'
-                      defaultMessage='Remove'
-                    />
-                  </RemoveButton>
                 </Child>
               </CardWrapper>
             )

diff --git a/...lockchain-wallet-v4-frontend/src/scenes/Settings/General/LinkedCards/template.success.tsx b/...lockchain-wallet-v4-frontend/src/scenes/Settings/General/LinkedCards/template.success.tsx
@@ -3,7 +3,13 @@ import {
   CARD_TYPES,
   DEFAULT_CARD_SVG_LOGO
 } from 'components/Form/CreditCardBox/model'
-import { CardDetails, CardWrapper, Child, CustomSettingHeader } from '../styles'
+import {
+  CardDetails,
+  CardWrapper,
+  Child,
+  CustomSettingHeader,
+  RemoveButton
+} from '../styles'
 import { convertBaseToStandard } from 'data/components/exchange/services'
 import { fiatToString } from 'core/exchange/currency'
 import { FiatType } from 'core/types'
@@ -102,7 +108,7 @@ const Success: React.FC<InjectedFormProps<
                     Exp: {card.card.expireMonth}/{card.card.expireYear}
                   </Text>
                 </CardDetails>
-                <Button
+                <RemoveButton
                   data-e2e='removeCard'
                   nature='light-red'
                   disabled={props.submitting}
@@ -117,7 +123,7 @@ const Success: React.FC<InjectedFormProps<
                     id='buttons.remove'
                     defaultMessage='Remove'
                   />
-                </Button>
+                </RemoveButton>
               </Child>
             </CardWrapper>
           )

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Settings/General/styles.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Settings/General/styles.tsx
@@ -1,3 +1,4 @@
+import { Button } from 'blockchain-info-components'
 import { SettingHeader } from 'components/Setting'
 import media from 'services/ResponsiveService'
 import styled from 'styled-components'
@@ -19,7 +20,6 @@ export const CardWrapper = styled.div`
 export const CustomSettingHeader = styled(SettingHeader)`
   margin-bottom: 18px;
 `
-
 export const Child = styled.div`
   display: flex;
   div:last-child {
@@ -29,3 +29,9 @@ export const Child = styled.div`
 export const CardDetails = styled.div<{ right?: boolean }>`
   text-align: ${props => (props.right ? 'right' : 'initial')};
 `
+export const RemoveButton = styled(Button)`
+  &:hover {
+    border-color: ${props => props.theme.red400};
+    background-color: transparent;
+  }
+`