git.iko.soy/bridge
on df0c310 help sign in
bridge/src/views/Activate/CodeExpired.tsx
49 lines 1.4 kB history raw
1import View from 'components/View';
3import { Box, Button } from '@tlon/indigo-react';
4import { FadeableActivateHeader as ActivateHeader } from './ActivateHeader';
5import useFadeIn from './useFadeIn';
6import Window from 'components/L2/Window/Window';
8import './CodeExpired.scss';
10export default function CodeExpired() {
11 // Fade in on load
12 useFadeIn();
14 return (
15 <Window className="expired-view mt10">
16 <Box className="w-full">
17 <ActivateHeader content="This invite link has expired." />
18 </Box>
19 <Box className="flex-col align-center justify-center w-full h-full">
20 <Box>
21 <p
22 className="mb2 sans gray5"
23 style={{
24 fontSize: 14,
25 textAlign: 'center',
26 maxWidth: '38ch',
27 marginLeft: 'auto',
28 }}>
29 Please contact the entity you received it from.
30 </p>
31 </Box>
32 <a className="flex-col m4 w-full" href="https://twitter.com/urbit">
33 <Button
34 className="m2"
35 backgroundColor={'black'}
36 color={'white'}
37 padding={'16px'}
38 fontFamily="Inter"
39 height={'40px'}
40 fontWeight={'400'}
41 fontSize={'14px'}
42 borderRadius={'4px'}>
43 Learn more
44 </Button>
45 </a>
46 </Box>
47 </Window>
48 );