diff --git a/web/cashtab/src/components/Common/PrimaryButton.js b/web/cashtab/src/components/Common/PrimaryButton.js index 72378202a..10e216be8 100644 --- a/web/cashtab/src/components/Common/PrimaryButton.js +++ b/web/cashtab/src/components/Common/PrimaryButton.js @@ -1,125 +1,125 @@ import styled from 'styled-components'; const PrimaryButton = styled.button` border: 2px solid ${props => props.theme.eCashBlue}; color: ${props => props.theme.buttons.primary.color}; background: none; font-weight: bold; background-color: ${props => props.theme.eCashBlue}; transition: all 0.5s ease; background-size: 200% auto; font-size: 18px; width: 100%; padding: 20px 0; border-radius: 0px; margin-bottom: 20px; cursor: pointer; :hover { background-position: right center; -webkit-box-shadow: ${props => props.theme.buttons.primary.hoverShadow}; -moz-box-shadow: ${props => props.theme.buttons.primary.hoverShadow}; box-shadow: ${props => props.theme.buttons.primary.hoverShadow}; } svg { fill: ${props => props.theme.buttons.primary.color}; } @media (max-width: 768px) { font-size: 16px; padding: 15px 0; } `; const SecondaryButton = styled.button` border: none; color: ${props => props.theme.buttons.secondary.color}; background: ${props => props.theme.buttons.secondary.background}; transition: all 0.5s ease; font-size: 18px; width: 100%; padding: 15px 0; border-radius: 4px; cursor: pointer; outline: none; margin-bottom: 20px; :hover { -webkit-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; -moz-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; } svg { fill: ${props => props.theme.buttons.secondary.color}; } @media (max-width: 768px) { font-size: 16px; padding: 12px 0; } `; const DisabledButton = styled.button` - border: none; + border: 2px solid ${props => props.theme.buttons.secondary.background}; color: ${props => props.theme.buttons.secondary.color}; background: ${props => props.theme.buttons.secondary.background}; transition: all 0.5s ease; font-size: 18px; width: 100%; - padding: 15px 0; + padding: 20px 0; border-radius: 4px; cursor: not-allowed; outline: none; margin-bottom: 20px; :hover { -webkit-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; -moz-box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; box-shadow: ${props => props.theme.buttons.secondary.hoverShadow}; } svg { fill: ${props => props.theme.buttons.secondary.color}; } @media (max-width: 768px) { font-size: 16px; padding: 12px 0; } `; const SmartButton = styled.button` ${({ disabled = false, ...props }) => disabled === true ? ` background-image: 'none'; color: ${props.theme.buttons.secondary.color}; background: ${props.theme.buttons.secondary.background}; opacity: 0.3; svg { fill: ${props.theme.buttons.secondary.color}; } ` : ` opacity: 1; background-image: 'none'; color: ${props.theme.buttons.secondary.color}; background: ${props.theme.buttons.secondary.background}; svg { fill: ${props.theme.buttons.secondary.color}; } `} border: none; transition: all 0.5s ease; font-size: 18px; width: 100%; padding: 15px 0; border-radius: 4px; cursor: pointer; outline: none; margin-bottom: 20px; @media (max-width: 768px) { font-size: 16px; padding: 12px 0; } `; export default PrimaryButton; export { SecondaryButton, SmartButton, DisabledButton }; diff --git a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap index 4bcdc9b79..0a3a62802 100644 --- a/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap +++ b/web/cashtab/src/components/Send/__tests__/__snapshots__/Send.test.js.snap @@ -1,2731 +1,2731 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP @generated exports[`Wallet with BCH balances 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC
Deposit some funds to use this feature
,
XEC
max

0 XEC

= $ NaN USD
Advanced
Sign Message
Verify Message
, ] `; exports[`Wallet with BCH balances and tokens 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC
Deposit some funds to use this feature
,
XEC
max

0 XEC

= $ NaN USD
Advanced
Sign Message
Verify Message
, ] `; exports[`Wallet with BCH balances and tokens and state field 1`] = ` Array [

MigrationTestAlpha

0.06 XEC
,
XEC
max

0 XEC

= $ NaN USD
Advanced
Sign Message
Verify Message
, ] `; exports[`Wallet without BCH balance 1`] = ` Array [

MigrationTestAlpha

You currently have 0 XEC
Deposit some funds to use this feature
,
XEC
max

0 XEC

= $ NaN USD
Advanced
Sign Message
Verify Message
, ] `; exports[`Without wallet defined 1`] = ` Array [
You currently have 0 XEC
Deposit some funds to use this feature
,
XEC
max

0 XEC

= $ NaN USD
Advanced
Sign Message
Verify Message
, ] `;