arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 11:18:16 +00:00
Code Issues Releases Wiki Activity

Add disabled option "Add account" button

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-20 13:31:59 +02:00
parent 5701555117
commit 9ba8cfaab8
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
View File

@ -87,6 +87,13 @@ const AddAccountWrapper = styled.div`
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};
transition: background-color ${TRANSITION_TIME.BASE} ease-in-out, color ${TRANSITION_TIME.BASE} ease-in-out, border-color ${TRANSITION_TIME.BASE} ease-in-out; transition: background-color ${TRANSITION_TIME.BASE} ease-in-out, color ${TRANSITION_TIME.BASE} ease-in-out, border-color ${TRANSITION_TIME.BASE} ease-in-out;
} }
${props => props.disabled && css`
cursor: not-allowed;
&:hover {
color: ${colors.TEXT_SECONDARY};
}
`}
`; `;
const AddAccountIconWrapper = styled.div` const AddAccountIconWrapper = styled.div`
@ -248,9 +255,19 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
overlay={tooltip} overlay={tooltip}
placement="top" placement="top"
> >
<div className="add-account disabled"> <AddAccountWrapper
onClick={props.addAccount}
disabled
>
<AddAccountIconWrapper>
<Icon
icon={ICONS.PLUS}
size={24}
color={colors.TEXT_SECONDARY}
/>
</AddAccountIconWrapper>
Add account Add account
</div> </AddAccountWrapper>
</Tooltip> </Tooltip>
); );
} }