Merge pull request #539 from brave/lear-verified

Making verified state background clear
brave · Sep 18, 2019 · ab91c34 · ab91c34
1 parent 0ca5339
commit ab91c34
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/features/rewards/walletWrapper/index.tsx b/src/features/rewards/walletWrapper/index.tsx
@@ -372,7 +372,6 @@ export default class WalletWrapper extends React.PureComponent<Props, State> {
         return (
           <StyledVerifiedButton
             onClick={this.toggleVerificationDetails}
-            active={this.state.verificationDetails}
             id={'verified-wallet-button'}
           >
             <StyledVerifiedButtonIcon position={'before'}>

diff --git a/src/features/rewards/walletWrapper/style.ts b/src/features/rewards/walletWrapper/style.ts
@@ -317,7 +317,7 @@ export const StyledPipe = styled<StyledProps, 'span'>('span')`
   font-weight: 300;
 `
 
-export const StyledVerifiedButton = styled<{active: boolean}, 'button'>('button')`
+export const StyledVerifiedButton = styled<{}, 'button'>('button')`
   box-sizing: border-box;
   outline-color: transparent;
   display: flex;
@@ -332,11 +332,8 @@ export const StyledVerifiedButton = styled<{active: boolean}, 'button'>('button'
   min-width: 88px;
   padding: 7px 10px;
   color: #fff;
-  background: ${palette.green600};
-  border: 1px solid ${p => p.theme.color[p.active ? 'brandBatActive' : 'brandBat']};
-  :active:enabled {
-    border-color: ${p => p.theme.color.brandBatActive};
-  }
+  background: inherit;
+  border: none;
 `
 
 export const StyledVerifiedButtonText = styled<{}, 'div'>('div')`