feat(interest): changed colors and added alert icon

blockchain · May 7, 2021 · 4998f2b · 4998f2b
1 parent c8a1942
commit 4998f2b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/packages/blockchain-info-components/src/Images/Images.ts b/packages/blockchain-info-components/src/Images/Images.ts
@@ -5,6 +5,7 @@ import airdropWelcome from './img/airdrop-welcome.png'
 import airdropWelcome2 from './img/airdrop-welcome@2x.png'
 import airdropWelcomeBanner from './img/airdrop-welcome-banner.png'
 import airdropWelcomeBanner2 from './img/airdrop-welcome-banner@2x.png'
+import alert from './img/alert.svg'
 import allowCamera from './img/allow-camera.png'
 import allowCamera2 from './img/allow-camera@2x.png'
 import allowCamera3 from './img/allow-camera@3x.png'
@@ -150,6 +151,7 @@ import yubikey from './img/yubikey.svg'
 
 const Images = {
   ...coins,
+  alert: alert,
   'bank-logo-acorns': bankLogoAcorns,
   'ad-bitcoin-games': adBitcoinGames,
   'ad-bitcoin-games2': adBitcoinGames2,

diff --git a/packages/blockchain-info-components/src/Images/img/alert.svg b/packages/blockchain-info-components/src/Images/img/alert.svg
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Interest/IntroCard/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Interest/IntroCard/index.tsx
@@ -4,7 +4,7 @@ import { connect, ConnectedProps } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import styled from 'styled-components'
 
-import { Button, Icon, Link, Text } from 'blockchain-info-components'
+import { Button, Icon, Image, Link, Text } from 'blockchain-info-components'
 import { Box } from 'components/Box'
 import { actions, model, selectors } from 'data'
 
@@ -52,7 +52,7 @@ class IntroCard extends PureComponent<
       <BoxStyledAdditional>
         <ContentWrapper>
           <IconWrapper>
-            <Icon color='blue600' name='percentage' size='32px' />
+            <Image name='alert' width='32px' />
           </IconWrapper>
           <Text
             size='20px'
@@ -84,7 +84,7 @@ class IntroCard extends PureComponent<
             <Button
               data-e2e='earnInterestSupplyInformation'
               fullwidth
-              nature='light'
+              nature='dark-grey'
               onClick={() =>
                 analyticsActions.logEvent(
                   INTEREST_EVENTS.HOME.CLICK_SUPPORT_ARTICLE

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Interest/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Interest/index.tsx
@@ -49,6 +49,7 @@ class Interest extends React.PureComponent<Props, StateType> {
     this.props.interestActions.fetchInterestInstruments()
     this.props.interestActions.fetchInterestRate()
     this.props.interestActions.fetchInterestBalance()
+    this.props.interestActions.fetchEDDStatus()
   }
 
   componentDidUpdate(prevProps: Props) {