git.iko.soy/bridge
on 4b0ca21 help sign in
bridge/src/components/Greeting.js
60 lines 1.8 kB history raw
1import React, { useCallback } from 'react';
2import cn from 'classnames';
3import ob from 'urbit-ob';
4import { Grid, Text, LinkButton } from 'indigo-react';
6import useWasGreeted from 'lib/useWasGreeted';
8const TEXT_STYLE = 'f5';
10export default function ActivateDisclaimer({ point }) {
11 const [wasGreeted, setWasGreeted] = useWasGreeted();
13 const pointName = ob.patp(point);
15 const dismiss = useCallback(async () => {
16 setWasGreeted(true);
17 }, [setWasGreeted]);
19 return (
20 !wasGreeted && (
21 <Grid gap={4} className="mb10">
22 <Grid.Item full>
23 <Text className={cn(TEXT_STYLE, 'block mb4')}>
24 Welcome <code>{pointName}</code>,
25 </Text>
27 <Text className={cn(TEXT_STYLE, 'block mb2')}>
28 As of this moment, you own a piece of Urbit. No one can take it from
29 you, and you can keep it for the rest of your life.
30 </Text>
31 <Text className={cn(TEXT_STYLE, 'block mb2')}>
32 Keep your Master Ticket safe. No one can recover it for you. But it
33 can get you back into Urbit at any time.
34 </Text>
35 <Text className={cn(TEXT_STYLE, 'block mb2')}>
36 Right now you can:
37 </Text>
38 </Grid.Item>
40 <Grid.Item
41 full
42 as={LinkButton}
43 href="https://urbit.org/docs/getting-started/">
44 <Text className={cn(TEXT_STYLE, 'block mb2')}>
45 Boot Arvo, the Urbit OS
46 </Text>
47 </Grid.Item>
49 <Grid.Item full>
50 <Text className={cn(TEXT_STYLE, 'block mb4')}>
51 Welcome to Urbit. See you online.
52 </Text>
53 </Grid.Item>
54 <Grid.Item full as={LinkButton} onClick={dismiss}>
55 Close
56 </Grid.Item>
57 </Grid>
58 )
59 );