migrated complete registration and verify email

Author: Alessandro100

src/app/screens/CompleteRegistration.tsx …te-registration/CompleteRegistration.tsxsrc/app/screens/CompleteRegistration.tsx renamed to src/app/[locale]/complete-registration/CompleteRegistration.tsx src/app/screens/CompleteRegistration.tsx renamed to src/app/[locale]/complete-registration/CompleteRegistration.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
@@ -14,15 +16,15 @@ import {
   CssBaseline,
   FormControlLabel,
 } from '@mui/material';
-import { useAppDispatch } from '../hooks';
-import { refreshUserInformation } from '../store/profile-reducer';
+import { useAppDispatch } from '../../hooks';
+import { refreshUserInformation } from '../../store/profile-reducer';
 import { useRouter, useSearchParams } from 'next/navigation';
 import {
   selectUserProfileStatus,
   selectRegistrationError,
-} from '../store/profile-selectors';
+} from '../../store/profile-selectors';
 import { useSelector } from 'react-redux';
-import { ACCOUNT_TARGET, ADD_FEED_TARGET } from '../constants/Navigation';
+import { ACCOUNT_TARGET, ADD_FEED_TARGET } from '../../constants/Navigation';
 
 export default function CompleteRegistration(): React.ReactElement {
   const auth = getAuth();

src/app/[locale]/complete-registration/page.tsx

@@ -0,0 +1,14 @@
+import { type ReactElement } from 'react';
+import CompleteRegistration from './CompleteRegistration';
+import { ReduxGateWrapper } from '../../components/ReduxGateWrapper';
+import { ProtectedPageWrapper } from '../../components/ProtectedPageWrapper';
+
+export default function CompleteRegistrationPage(): ReactElement {
+  return (
+    <ReduxGateWrapper>
+      <ProtectedPageWrapper targetStatus='authenticated'>
+        <CompleteRegistration />
+      </ProtectedPageWrapper>
+    </ReduxGateWrapper>
+  );
+}

src/app/screens/PostRegistration.tsx …ocale]/verify-email/PostRegistration.tsxsrc/app/screens/PostRegistration.tsx renamed to src/app/[locale]/verify-email/PostRegistration.tsx src/app/screens/PostRegistration.tsx renamed to src/app/[locale]/verify-email/PostRegistration.tsx

@@ -1,21 +1,22 @@
+'use client';
+
 import * as React from 'react';
-import CssBaseline from '@mui/material/CssBaseline';
 import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
 import { EmailOutlined, InfoOutlined, Sync } from '@mui/icons-material';
 import { Alert, Button } from '@mui/material';
 import { useDispatch, useSelector } from 'react-redux';
-import { emailVerified, verifyEmail } from '../store/profile-reducer';
+import { emailVerified, verifyEmail } from '../../store/profile-reducer';
 import {
   selectEmailVerificationError,
   selectIsVerificationEmailSent,
   selectUserProfileStatus,
-} from '../store/profile-selectors';
-import { type ProfileError } from '../types';
-import { app } from '../../firebase';
+} from '../../store/profile-selectors';
+import { type ProfileError } from '../../types';
+import { app } from '../../../firebase';
 import { useEffect } from 'react';
-import { ACCOUNT_TARGET, ADD_FEED_TARGET } from '../constants/Navigation';
+import { ACCOUNT_TARGET, ADD_FEED_TARGET } from '../../constants/Navigation';
 import { useRouter, useSearchParams } from 'next/navigation';
 export default function PostRegistration(): React.ReactElement {
   const dispatch = useDispatch();
@@ -69,7 +70,6 @@ export default function PostRegistration(): React.ReactElement {
 
   return (
     <Container component='main' maxWidth='sm'>
-      <CssBaseline />
       <Box
         sx={{
           ml: 2,

src/app/[locale]/verify-email/page.tsx

@@ -0,0 +1,14 @@
+import { type ReactElement } from 'react';
+import PostRegistration from './PostRegistration';
+import { ReduxGateWrapper } from '../../components/ReduxGateWrapper';
+import { ProtectedPageWrapper } from '../../components/ProtectedPageWrapper';
+
+export default function VerifyEmailPage(): ReactElement {
+  return (
+    <ReduxGateWrapper>
+      <ProtectedPageWrapper targetStatus='unverified'>
+        <PostRegistration />
+      </ProtectedPageWrapper>
+    </ReduxGateWrapper>
+  );
+}