Merge pull request #531 from brave/removes-disconnected-overlay

Removes disconnected overlay
brave · Sep 4, 2019 · 0ca5339 · 0ca5339
2 parents fe38628 + 3e71149
commit 0ca5339
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 42 deletions.
diff --git a/src/features/rewards/walletWrapper/index.tsx b/src/features/rewards/walletWrapper/index.tsx
@@ -16,7 +16,6 @@ import {
   StyledCopyImage,
   StyledIconAction,
   StyledBalanceConverted,
-  StyledBalanceUnavailable,
   StyledGrantWrapper,
   StyledGrant,
   StyledActionWrapper,
@@ -660,45 +659,30 @@ export default class WalletWrapper extends React.PureComponent<Props, State> {
                       </StyledIconAction>
                       : null
                   }
-                  {
-                    walletState && (walletState === 'disconnected_unverified' || walletState === 'disconnected_verified')
-                      ? <StyledBalance>
-                        <StyledBalanceUnavailable>{getLocale('balanceUnavailable')}</StyledBalanceUnavailable>
-                        <StyleGrantButton>
+                  <StyledBalance>
+                    <StyledBalanceTokens data-test-id='balance'>
+                      {balance} <StyledBalanceCurrency>BAT</StyledBalanceCurrency>
+                    </StyledBalanceTokens>
+                    {
+                      converted
+                        ? <StyledBalanceConverted>{converted}</StyledBalanceConverted>
+                        : null
+                    }
+                    {
+                      hasGrants
+                        ? <StyleGrantButton>
                           <Button
-                            text={getLocale('reconnectWallet')}
+                            text={getLocale('grants')}
                             size={'small'}
                             type={'subtle'}
                             level={'secondary'}
-                            onClick={onVerifyClick}
+                            onClick={this.toggleGrantDetails}
+                            icon={{ position: 'after', image: this.state.grantDetails ? <CaratUpIcon /> : <CaratDownIcon /> }}
                           />
                         </StyleGrantButton>
-                      </StyledBalance>
-                      : <StyledBalance>
-                        <StyledBalanceTokens data-test-id='balance'>
-                          {balance} <StyledBalanceCurrency>BAT</StyledBalanceCurrency>
-                        </StyledBalanceTokens>
-                        {
-                          converted
-                            ? <StyledBalanceConverted>{converted}</StyledBalanceConverted>
-                            : null
-                        }
-                        {
-                          hasGrants
-                            ? <StyleGrantButton>
-                              <Button
-                                text={getLocale('grants')}
-                                size={'small'}
-                                type={'subtle'}
-                                level={'secondary'}
-                                onClick={this.toggleGrantDetails}
-                                icon={{ position: 'after', image: this.state.grantDetails ? <CaratUpIcon /> : <CaratDownIcon /> }}
-                              />
-                            </StyleGrantButton>
-                            : null
-                        }
-                      </StyledBalance>
-                  }
+                        : null
+                    }
+                  </StyledBalance>
                   {
                     this.state.grantDetails && hasGrants
                       ? <StyledGrantWrapper>

diff --git a/src/features/rewards/walletWrapper/style.ts b/src/features/rewards/walletWrapper/style.ts
@@ -80,14 +80,6 @@ export const StyledBalanceTokens = styled<{}, 'div'>('div')`
   font-weight: 300;
 `
 
-export const StyledBalanceUnavailable = styled<{}, 'div'>('div')`
-  font-size: 24px;
-  opacity: 0.66;
-  color: ${p => p.theme.palette.white};
-  margin: 10px 0;
-  font-weight: 300;
-`
-
 export const StyledContent = styled<StyledProps, 'div'>('div')`
   padding: ${p => p.contentPadding ? '11px 25px 19px' : '0px'};
   background: #fff;