Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/OnBoarding/OnBoarding.js
| Show All 18 Lines | |||||
| export const WelcomeText = styled.p` | export const WelcomeText = styled.p` | ||||
| color: #444; | color: #444; | ||||
| width: 100%; | width: 100%; | ||||
| font-size: 16px; | font-size: 16px; | ||||
| margin-bottom: 60px; | margin-bottom: 60px; | ||||
| text-align: left; | text-align: left; | ||||
| `; | `; | ||||
| export const WelcomeLink = styled.a` | |||||
| text-decoration: underline; | |||||
| color: #ff8d00; | |||||
| `; | |||||
| export const OnBoarding = ({ history }) => { | export const OnBoarding = ({ history }) => { | ||||
| const ContextValue = React.useContext(WalletContext); | const ContextValue = React.useContext(WalletContext); | ||||
| const { createWallet, validateMnemonic } = ContextValue; | const { createWallet, validateMnemonic } = ContextValue; | ||||
| const [formData, setFormData] = useState({ | const [formData, setFormData] = useState({ | ||||
| dirty: true, | dirty: true, | ||||
| mnemonic: '', | mnemonic: '', | ||||
| }); | }); | ||||
| Show All 38 Lines | function showBackupConfirmModal() { | ||||
| Event('Onboarding.js', 'Create Wallet', 'New'); | Event('Onboarding.js', 'Create Wallet', 'New'); | ||||
| createWallet(); | createWallet(); | ||||
| }, | }, | ||||
| }); | }); | ||||
| } | } | ||||
| return ( | return ( | ||||
| <> | <> | ||||
| <h2>Welcome to Cashtab!</h2> | |||||
| <WelcomeText> | <WelcomeText> | ||||
| Welcome to Cashtab! Cashtab is an open source, non-custodial web | Cashtab is an{' '} | ||||
| wallet for {currency.name}. | <WelcomeLink | ||||
| <br /> | href="https://github.com/bitcoin-abc/bitcoin-abc" | ||||
| <br /> | target="_blank" | ||||
| Web wallets offer user convenience, but storing large amounts of | rel="noreferrer" | ||||
| money on a web wallet is not recommended. | > | ||||
| open source, | |||||
| </WelcomeLink>{' '} | |||||
| non-custodial web wallet for {currency.name}. | |||||
| <br /> | <br /> | ||||
| <br /> | <br /> | ||||
| Create a new wallet below to get started, or import an existing | Want to learn more?{' '} | ||||
| wallet using a seed phrase. | <WelcomeLink | ||||
| href="https://docs.cashtabapp.com/" | |||||
| target="_blank" | |||||
| rel="noreferrer" | |||||
| > | |||||
| Check out the Cashtab documentation. | |||||
| </WelcomeLink> | |||||
| </WelcomeText> | </WelcomeText> | ||||
| <PrimaryButton onClick={() => showBackupConfirmModal()}> | <PrimaryButton onClick={() => showBackupConfirmModal()}> | ||||
| <PlusSquareOutlined /> New Wallet | <PlusSquareOutlined /> New Wallet | ||||
| </PrimaryButton> | </PrimaryButton> | ||||
| <SecondaryButton onClick={() => openSeedInput(!seedInput)}> | <SecondaryButton onClick={() => openSeedInput(!seedInput)}> | ||||
| <ImportOutlined /> Import Wallet | <ImportOutlined /> Import Wallet | ||||
| Show All 38 Lines | |||||