2021-03-01 06:20:35 +01:00
|
|
|
import React, { useEffect } from 'react';
|
2019-12-05 07:02:24 +01:00
|
|
|
import { AccentText } from './AccentText';
|
|
|
|
|
2021-12-14 05:15:12 +01:00
|
|
|
import { RegistrationStages } from './RegistrationStages';
|
|
|
|
import { SessionIcon } from '../icon';
|
|
|
|
import { SessionToastContainer } from '../SessionToastContainer';
|
|
|
|
import { SessionTheme } from '../../state/ducks/SessionTheme';
|
2021-09-02 08:38:37 +02:00
|
|
|
import { Flex } from '../basic/Flex';
|
2022-03-23 05:57:11 +01:00
|
|
|
import { setSignInByLinking } from '../../util/storage';
|
2019-12-05 07:02:24 +01:00
|
|
|
|
2021-03-01 06:20:35 +01:00
|
|
|
export const SessionRegistrationView = () => {
|
|
|
|
useEffect(() => {
|
2022-03-23 06:50:17 +01:00
|
|
|
void setSignInByLinking(false);
|
2021-03-01 06:20:35 +01:00
|
|
|
}, []);
|
|
|
|
return (
|
2022-03-24 01:15:21 +01:00
|
|
|
<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" />
|
2021-09-02 08:38:37 +02:00
|
|
|
|
2022-03-24 01:15:21 +01:00
|
|
|
<AccentText />
|
|
|
|
<RegistrationStages />
|
|
|
|
</Flex>
|
|
|
|
</Flex>
|
|
|
|
</SessionTheme>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-03-01 06:20:35 +01:00
|
|
|
);
|
|
|
|
};
|