test profile page

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 = {

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>

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 };

src/containers/profile/ProfilePage/styles.scss

@@ -0,0 +1,4 @@
+.wrap {
+  flex: 1;
+  background: $content_bg;
+}