51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
// Copyright 2019-2020 @polkadot/extension-ui authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import React, { useContext } from 'react';
|
|
|
|
import { ActionContext, Box, Button, ButtonArea, Header, List, VerticalSpace } from '../components';
|
|
import styled from 'styled-components';
|
|
|
|
type Props = {};
|
|
|
|
export default function Welcome (): React.ReactElement<Props> {
|
|
const onAction = useContext(ActionContext);
|
|
|
|
const _onClick = (): void => {
|
|
window.localStorage.setItem('welcome_read', 'ok');
|
|
onAction();
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Header text='Welcome'/>
|
|
<Note>Before we start, just a couple of notes regarding use:</Note>
|
|
<TextBox>
|
|
<List>
|
|
<li>We do not send any clicks, pageviews or events to a central server</li>
|
|
<li>We do not use any trackers or analytics</li>
|
|
<li>We don't collect keys, addresses or any information - your information never leaves this machine</li>
|
|
</List>
|
|
</TextBox>
|
|
<Note>... we are not in the information collection business (even anonymized).</Note>
|
|
<VerticalSpace />
|
|
<ButtonArea>
|
|
<Button onClick={_onClick}>Understood, let me continue</Button>
|
|
</ButtonArea>
|
|
</>
|
|
);
|
|
}
|
|
|
|
const Note = styled.p`
|
|
margin-bottom: 6px;
|
|
margin-top: 0;
|
|
color: ${({ theme }): string => theme.subTextColor};
|
|
`;
|
|
|
|
const TextBox = styled(Box)`
|
|
margin: 0.75rem 24px;
|
|
border: 1px solid ${({ theme }): string => theme.inputBorderColor};
|
|
color: ${({ theme }): string => theme.subTextColor};
|
|
`;
|