diff --git a/src/constants/urls.ts b/src/constants/urls.ts index 71e4bd8e..fec425c2 100644 --- a/src/constants/urls.ts +++ b/src/constants/urls.ts @@ -1,5 +1,6 @@ export const URLS = { BASE: '/', + BORIS: '/boris', AUTH: { LOGIN: '/auth/login', }, @@ -7,6 +8,10 @@ export const URLS = { EDITOR: '/examples/edit', IMAGE: '/examples/image', }, + ERRORS: { + NOT_FOUND: '/lost', + BACKEND_DOWN: '/oopsie', + }, NODE_URL: (id: number | string) => `/post${id}`, }; diff --git a/src/containers/App.tsx b/src/containers/App.tsx index 9e42ff44..4bff1099 100644 --- a/src/containers/App.tsx +++ b/src/containers/App.tsx @@ -18,6 +18,7 @@ import { PageCover } from '~/components/containers/PageCover'; import { NodeLayout } from './node/NodeLayout'; import { BottomContainer } from '~/containers/main/BottomContainer'; import { BorisLayout } from './node/BorisLayout'; +import { ErrorNotFound } from './pages/ErrorNotFound'; const mapStateToProps = state => ({ modal: selectModal(state), @@ -40,9 +41,9 @@ const Component: FC = ({ modal: { is_shown } }) => { - - - + + + diff --git a/src/containers/main/MainLayout/styles.scss b/src/containers/main/MainLayout/styles.scss index 4ba29c90..429f65fe 100644 --- a/src/containers/main/MainLayout/styles.scss +++ b/src/containers/main/MainLayout/styles.scss @@ -6,6 +6,7 @@ box-sizing: border-box; align-items: center; justify-content: flex-start; + min-height: 100vh; @include tablet { padding: 0; diff --git a/src/containers/pages/ErrorNotFound/index.tsx b/src/containers/pages/ErrorNotFound/index.tsx new file mode 100644 index 00000000..9b1776c8 --- /dev/null +++ b/src/containers/pages/ErrorNotFound/index.tsx @@ -0,0 +1,16 @@ +import React, { FC } from 'react'; +import styles from './styles.scss'; + +interface IProps {} + +const ErrorNotFound: FC = ({}) => ( +
+
+
НЕ НАЙДЕН
+
Нам очень жаль.
+
+
+
+); + +export { ErrorNotFound }; diff --git a/src/containers/pages/ErrorNotFound/styles.scss b/src/containers/pages/ErrorNotFound/styles.scss new file mode 100644 index 00000000..1577e405 --- /dev/null +++ b/src/containers/pages/ErrorNotFound/styles.scss @@ -0,0 +1,27 @@ +.wrap { + @include outer_shadow(); + + flex: 1; + display: flex; + align-items: stretch; + justify-content: flex-start; + background: $content_bg; + border-radius: $radius; +} + +.content { + flex: 2; + padding: $gap * 4; +} + +.image { + flex: 1 1; + background: red; + display: flex; + border-radius: 0 $radius $radius 0; +} + +.sign { + font: $font_24_semibold; + font-size: 72px; +}