git.iko.soy/bridge
on e366ef3 help sign in
bridge/src/views/Landing.js
65 lines 1.7 kB history raw
1import React from 'react';
2import { Button } from '../components/old/Base';
3import { Row, Col } from '../components/old/Base';
4import { H1, P } from '../components/old/Base';
6import { ROUTE_NAMES } from '../lib/routeNames';
7import { useHistory } from '../store/history';
9function Landing(props) {
10 const history = useHistory();
12 return (
13 <Row>
14 <Col>
15 <H1>{'Welcome'}</H1>
17 <P>
18 {'Bridge is a tool for managing and viewing assets on ' +
19 'Azimuth, the Urbit address space.'}
20 </P>
22 <Button
23 prop-type="link"
24 prop-size="lg"
25 className={'mb-4 mt-8'}
26 onClick={() => history.push(ROUTE_NAMES.INVITE_TICKET)}>
27 {'Claim an invite →'}
28 </Button>
30 <P>{'If you were sent an Azimuth invite code, start here.'}</P>
32 <Button
33 prop-type="link"
34 prop-size="lg"
35 className={'mb-4 mt-8'}
36 onClick={() => history.push(ROUTE_NAMES.NETWORK)}>
37 {'Unlock a Wallet →'}
38 </Button>
40 <P>
41 {'If you own Azimuth assets and want to manage them in some ' +
42 "way, start here. You'll need either your Urbit ticket or a " +
43 'keypair.'}
44 </P>
46 {
47 <Row>
48 <Col>
49 <Button
50 prop-type={'link'}
51 prop-size={'lg'}
52 className={'mb-4 mt-8'}
53 onClick={() => history.push(ROUTE_NAMES.VIEW_SHIP)}>
54 {'View a point →'}
55 </Button>
56 <P>{'View an Azimuth point without signing into a wallet.'}</P>
57 </Col>
58 </Row>
59 }
60 </Col>
61 </Row>
62 );
65export default Landing;