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