1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00

Add disabled option "Add account" button

This commit is contained in:
Vasek Mlejnsky 2018-08-20 13:31:59 +02:00
parent 5701555117
commit 9ba8cfaab8

View File

@ -87,6 +87,13 @@ const AddAccountWrapper = styled.div`
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;
}
${props => props.disabled && css`
cursor: not-allowed;
&:hover {
color: ${colors.TEXT_SECONDARY};
}
`}
`;
const AddAccountIconWrapper = styled.div`
@ -248,9 +255,19 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
overlay={tooltip}
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
</div>
</AddAccountWrapper>
</Tooltip>
);
}