src/views/Activate/CodeExpired.tsx · bridge

on master help sign in

bridge/src/views/Activate/CodeExpired.tsx

47 lines 1.3 kB history raw

1import { Box, Button } from '@tlon/indigo-react';

2import { FadeableActivateHeader as ActivateHeader } from './ActivateHeader';

3import useFadeIn from './useFadeIn';

4import Window from 'components/L2/Window/Window';

6import './CodeExpired.scss';

8export default function CodeExpired() {

9 // Fade in on load

10 useFadeIn();

12 return (

13 <Window className="expired-view mt10">

14 <Box className="w-full">

15 <ActivateHeader content="This invite link has expired." />

16 </Box>

17 <Box className="flex-col align-center justify-center w-full h-full">

18 <Box>

19 <p

20 className="mb2 sans gray5"

21 style={{

22 fontSize: 14,

23 textAlign: 'center',

24 maxWidth: '38ch',

25 marginLeft: 'auto',

26 }}>

27 Please contact the entity you received it from.

28 </p>

29 </Box>

30 <a className="flex-col m4 w-full" href="https://twitter.com/urbit">

31 <Button

32 className="m2"

33 backgroundColor={'black'}

34 color={'white'}

35 padding={'16px'}

36 fontFamily="Inter"

37 height={'40px'}

38 fontWeight={'400'}

39 fontSize={'14px'}

40 borderRadius={'4px'}>

41 Learn more

42 </Button>

43 </a>

44 </Box>

45 </Window>

46 );