54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
import React, { useEffect } from "react";
|
|
|
|
import {
|
|
CenteredContainer,
|
|
SplashIconHeader,
|
|
Header1,
|
|
Header3,
|
|
Spacer,
|
|
Button,
|
|
GlobalStyle,
|
|
} from "@intended/intended-ui";
|
|
|
|
type SplashPageProps = {
|
|
error: string;
|
|
};
|
|
|
|
const SplashPage = (props: SplashPageProps) => {
|
|
useEffect(() => {
|
|
displayErrors();
|
|
});
|
|
|
|
const displayErrors = () => {
|
|
const { error } = props;
|
|
|
|
if (error) alert(error);
|
|
};
|
|
|
|
return (
|
|
<React.StrictMode>
|
|
<GlobalStyle />
|
|
<CenteredContainer fullscreen>
|
|
<CenteredContainer wide>
|
|
<SplashIconHeader />
|
|
<Header1>Securely Share Your Secrets</Header1>
|
|
<Header3>
|
|
With Intended Link you can easily share messages and files securely
|
|
and secretly.
|
|
</Header3>
|
|
<Spacer />
|
|
<Button
|
|
variant="secondary"
|
|
boldFont
|
|
onClick={() => (window.location.href = "/just")}
|
|
>
|
|
START SHARING
|
|
</Button>
|
|
</CenteredContainer>
|
|
</CenteredContainer>
|
|
</React.StrictMode>
|
|
);
|
|
};
|
|
|
|
export default SplashPage;
|