create register page

src/pages/Login/LoginPage.tsx

@@ -2,17 +2,17 @@ import { RouteComponentProps } from "react-router-dom"
 import React, { memo } from "react"
 import { Helmet } from "react-helmet"
 import styles from "./styles.module.scss"
-import LoginForm from "../../components/LoginForm/LonginForm"
+import LoginForm from "../../components/LoginForm/LoginForm"
 
 export type Props = RouteComponentProps
 
-const LoginPage: React.FC<Props> = (): JSX.Element => (
+const RegisterPage: React.FC<Props> = (): JSX.Element => (
     <div className={styles.loginPage}>
         <div className={styles.loginContent}>
-            <Helmet title="LoginPage" />
+            <Helmet title="RegisterPage" />
             <LoginForm />
         </div>
     </div>
 )
 
-export default memo(LoginPage)
+export default memo(RegisterPage)

src/pages/Register/RegisterPage.tsx

@@ -0,0 +1,18 @@
+import { RouteComponentProps } from "react-router-dom"
+import React, { memo } from "react"
+import { Helmet } from "react-helmet"
+import styles from "./styles.module.scss"
+import RegisterForm from "../../components/RegisterForm/RegisterForm"
+
+export type Props = RouteComponentProps
+
+const RegisterPage: React.FC<Props> = (): JSX.Element => (
+    <div className={styles.registerPage}>
+        <div className={styles.registerContent}>
+            <Helmet title="RegisterPage" />
+            <RegisterForm />
+        </div>
+    </div>
+)
+
+export default memo(RegisterPage)

src/pages/Register/index.tsx

@@ -0,0 +1,14 @@
+import loadable from "@loadable/component"
+
+import { Loading, ErrorBoundary } from "../../components"
+import { Props } from "./RegisterPage"
+
+const RegisterPage = loadable(() => import("./RegisterPage"), {
+    fallback: <Loading />,
+})
+
+export default (props: Props): JSX.Element => (
+    <ErrorBoundary>
+        <RegisterPage {...props} />
+    </ErrorBoundary>
+)

src/pages/Register/styles.module.scss

@@ -0,0 +1,9 @@
+@import "../../theme/mixins";
+
+.registerPage {
+    @include page-wrapper-center;
+}
+
+.registerContent {
+    @include page-content-wrapper(600px);
+}