You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import React, { useEffect } from 'react';
|
|
import { AccentText } from './AccentText';
|
|
|
|
import { RegistrationStages } from './registration/RegistrationStages';
|
|
import { SessionIcon } from './icon';
|
|
import { SessionToastContainer } from './SessionToastContainer';
|
|
import { SessionTheme } from '../../state/ducks/SessionTheme';
|
|
import { setSignInByLinking } from '../../session/utils/User';
|
|
import { Flex } from '../basic/Flex';
|
|
import { SpacerLG } from '../basic/Text';
|
|
|
|
export const SessionRegistrationView = () => {
|
|
useEffect(() => {
|
|
setSignInByLinking(false);
|
|
}, []);
|
|
return (
|
|
<SessionTheme>
|
|
<Flex
|
|
className="session-content"
|
|
width="100vw"
|
|
height="100vh"
|
|
alignItems="center"
|
|
flexDirection="column"
|
|
container={true}
|
|
>
|
|
<Flex container={true} margin="auto" alignItems="center" flexDirection="column">
|
|
<SessionToastContainer />
|
|
<SpacerLG />
|
|
<SpacerLG />
|
|
|
|
<SessionIcon iconSize={150} iconType="brand" />
|
|
<SpacerLG />
|
|
|
|
<SpacerLG />
|
|
<SpacerLG />
|
|
<SpacerLG />
|
|
|
|
<AccentText />
|
|
<SpacerLG />
|
|
<SpacerLG />
|
|
<SpacerLG />
|
|
|
|
<RegistrationStages />
|
|
</Flex>
|
|
</Flex>
|
|
</SessionTheme>
|
|
);
|
|
};
|