mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-13 20:08:56 +00:00
Add disabled option "Add account" button
This commit is contained in:
parent
5701555117
commit
9ba8cfaab8
@ -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>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user