diff --git a/packages/frontend/src/components/accounts/create/implicit_account/CreateImplicitAccount.js b/packages/frontend/src/components/accounts/create/implicit_account/CreateImplicitAccount.js index 5045e90455..4e5968934d 100644 --- a/packages/frontend/src/components/accounts/create/implicit_account/CreateImplicitAccount.js +++ b/packages/frontend/src/components/accounts/create/implicit_account/CreateImplicitAccount.js @@ -5,6 +5,7 @@ import styled from 'styled-components'; import FormButton from '../../../common/FormButton'; import Container from '../../../common/styled/Container.css'; import WhereToBuyNearModal from '../../../common/WhereToBuyNearModal'; +import MoonPayIcon from '../../../svg/MoonPayIcon'; import YourAddress from './YourAddress'; const StyledContainer = styled(Container)` @@ -20,6 +21,29 @@ const StyledContainer = styled(Container)` margin: 70px 0 10px 0; } } + + &&& { + > button { + &.black, &.gray-gray { + width: 100%; + background-color: #272729; + display: flex; + align-items: center; + justify-content: center; + margin-top: 45px; + + svg { + width: 105px; + height: auto; + margin: 0 0 0 10px; + } + } + + &.gray-gray { + background-color: #cccccc; + } + } + } `; const StyledBuyButton = styled(FormButton)` @@ -62,14 +86,15 @@ export default ({ onClickBuyButton, implicitAccountId, formattedMinDeposit, - moonpayIsAvailable + moonpayIsAvailable, + moonpaySignedUrl }) => { const [showWhereToBuyModal, setShowWhereToBuyModal] = useState(false); return ( <>

-
+ {/*
{['30', '50', '100', ''].map((amount) => ( ))} -
+
*/} + {/* + TEMPORARILY DISABLE MOONPAY PRE-SPECIFIED AMOUNT BUTTONS + WHILE MOONPAY 'baseCurrencyAmount' IS BROKEN + */} + + {moonpayIsAvailable + ? <> + + + : <> + + + + } +

  setShowWhereToBuyModal(true)} className='link underline'>,
diff --git a/packages/frontend/src/routes/CreateImplicitAccountWrapper.js b/packages/frontend/src/routes/CreateImplicitAccountWrapper.js index a7b775b39e..8ee55d78ff 100644 --- a/packages/frontend/src/routes/CreateImplicitAccountWrapper.js +++ b/packages/frontend/src/routes/CreateImplicitAccountWrapper.js @@ -114,6 +114,7 @@ export function CreateImplicitAccountWrapper() { formattedMinDeposit={formattedMinDeposit} implicitAccountId={implicitAccountId} moonpayIsAvailable={!!moonpaySignedUrl} + moonpaySignedUrl={moonpaySignedUrl} onClickBuyButton={(amountUSD) => { window.open( `${moonpaySignedUrl}&baseCurrencyAmount=${amountUSD}`,