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.
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import React, { useEffect } from 'react';
|
|
import { AccentText } from './AccentText';
|
|
|
|
import { RegistrationStages } from './RegistrationStages';
|
|
import { SessionIcon } from '../icon';
|
|
import { SessionToastContainer } from '../SessionToastContainer';
|
|
import { SessionTheme } from '../../state/ducks/SessionTheme';
|
|
import { Flex } from '../basic/Flex';
|
|
import { setSignInByLinking } from '../../util/storage';
|
|
|
|
export const SessionRegistrationView = () => {
|
|
useEffect(() => {
|
|
void setSignInByLinking(false);
|
|
}, []);
|
|
return (
|
|
<div className="session-fullscreen">
|
|
<div className="session-full-screen-flow session-fullscreen">
|
|
<SessionTheme>
|
|
<Flex
|
|
className="session-content"
|
|
alignItems="center"
|
|
flexDirection="column"
|
|
container={true}
|
|
height="100%"
|
|
>
|
|
<Flex container={true} margin="auto" alignItems="center" flexDirection="column">
|
|
<SessionToastContainer />
|
|
<SessionIcon iconSize={150} iconType="brand" />
|
|
|
|
<AccentText />
|
|
<RegistrationStages />
|
|
</Flex>
|
|
</Flex>
|
|
</SessionTheme>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|