fix(balances): add transact dropdown on mobile

blockchain · May 29, 2020 · b4392bc · b4392bc
1 parent b415265
commit b4392bc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/components/Navbar/NavbarMenu.tsx b/packages/blockchain-wallet-v4-frontend/src/components/Navbar/NavbarMenu.tsx
@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types'
 import React from 'react'
 import styled from 'styled-components'
 
@@ -17,10 +16,6 @@ const NavbarMenu = props => {
   return <BaseMenu {...rest}>{children}</BaseMenu>
 }
 
-NavbarMenu.propTypes = {
-  toggled: PropTypes.bool
-}
-
 NavbarMenu.defaultProps = {
   toggled: false
 }

diff --git a/...ages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuTop/Features/template.small.tsx b/...ages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuTop/Features/template.small.tsx
@@ -1,4 +1,5 @@
 import { FormattedMessage } from 'react-intl'
+import { Icon } from 'blockchain-info-components'
 import { LinkContainer } from 'react-router-bootstrap'
 import React, { useRef, useState } from 'react'
 
@@ -38,6 +39,11 @@ const FeaturesSmall = (
       <NavbarNavItemTextHeader persist color='alwaysWhite'>
         <FormattedMessage id='buttons.transact' defaultMessage='Transact' />
       </NavbarNavItemTextHeader>
+      <Icon
+        name={isMenuOpen ? 'chevron-up' : 'chevron-down'}
+        size='24px'
+        color='alwaysWhite'
+      />
       {isMenuOpen && (
         <DropdownMenu ref={ref}>
           <DropdownMenuArrow />