From 718bb8c9c7266d9a95a8dda688ec910e68425de1 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 3 Dec 2019 17:18:18 +0700
Subject: [PATCH] test profile page

---
 src/constants/urls.ts                          |  1 +
 src/containers/App.tsx                         |  3 ++-
 src/containers/profile/ProfilePage/index.tsx   | 10 ++++++++++
 src/containers/profile/ProfilePage/styles.scss |  4 ++++
 4 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/containers/profile/ProfilePage/index.tsx
 create mode 100644 src/containers/profile/ProfilePage/styles.scss

diff --git a/src/constants/urls.ts b/src/constants/urls.ts
index f02537b2..28813cd3 100644
--- a/src/constants/urls.ts
+++ b/src/constants/urls.ts
@@ -14,6 +14,7 @@ export const URLS = {
   },
   NODE_URL: (id: number | string) => `/post${id}`,
   PROFILE: (username: string) => `/~${username}`,
+  PROFILE_PAGE: `/profile`,
 };
 
 export const PRESETS = {
diff --git a/src/containers/App.tsx b/src/containers/App.tsx
index bcd0a5ba..c534a844 100644
--- a/src/containers/App.tsx
+++ b/src/containers/App.tsx
@@ -18,7 +18,7 @@ import { NodeLayout } from './node/NodeLayout';
 import { BottomContainer } from '~/containers/main/BottomContainer';
 import { BorisLayout } from './node/BorisLayout';
 import { ErrorNotFound } from './pages/ErrorNotFound';
-import { ProfileLayout } from './profile/ProfileLayout';
+import { ProfilePage } from './profile/ProfilePage';
 
 const mapStateToProps = state => ({
   modal: selectModal(state),
@@ -44,6 +44,7 @@ const Component: FC<IProps> = ({ modal: { is_shown } }) => {
               <Route path={URLS.NODE_URL(':id')} component={NodeLayout} />
               <Route path={URLS.BORIS} component={BorisLayout} />
               <Route path={URLS.ERRORS.NOT_FOUND} component={ErrorNotFound} />
+              <Route path={URLS.PROFILE_PAGE} component={ProfilePage} />
 
               <Redirect to="/" />
             </Switch>
diff --git a/src/containers/profile/ProfilePage/index.tsx b/src/containers/profile/ProfilePage/index.tsx
new file mode 100644
index 00000000..38edd5d1
--- /dev/null
+++ b/src/containers/profile/ProfilePage/index.tsx
@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import styles from './styles.scss';
+
+interface IProps {}
+
+const ProfilePage: FC<IProps> = ({}) => {
+  return <div className={styles.wrap}>PROFILE</div>;
+};
+
+export { ProfilePage };
diff --git a/src/containers/profile/ProfilePage/styles.scss b/src/containers/profile/ProfilePage/styles.scss
new file mode 100644
index 00000000..c2bebdaf
--- /dev/null
+++ b/src/containers/profile/ProfilePage/styles.scss
@@ -0,0 +1,4 @@
+.wrap {
+  flex: 1;
+  background: $content_bg;
+}