diff --git a/public/images/room.svg b/public/images/room.svg new file mode 100644 index 00000000..45d1f360 --- /dev/null +++ b/public/images/room.svg @@ -0,0 +1,196 @@ + + + + diff --git a/src/constants/urls.ts b/src/constants/urls.ts index 9f3a8b7b..9f8dca98 100644 --- a/src/constants/urls.ts +++ b/src/constants/urls.ts @@ -3,6 +3,7 @@ import { FlowDisplayVariant, INode } from '~/types'; export const URLS = { BASE: '/', LAB: '/lab', + ROOM: '/room', BORIS: '/boris', AUTH: { LOGIN: '/auth/login', diff --git a/src/containers/boris/BorisSuperpowers/index.tsx b/src/containers/boris/BorisSuperpowers/index.tsx index cbf3531d..3608f7d6 100644 --- a/src/containers/boris/BorisSuperpowers/index.tsx +++ b/src/containers/boris/BorisSuperpowers/index.tsx @@ -1,5 +1,6 @@ import { FC } from 'react'; +import { Card } from '~/components/containers/Card'; import { Group } from '~/components/containers/Group'; import { Markdown } from '~/components/containers/Markdown'; @@ -7,13 +8,18 @@ export interface BorisSuperpowersProps {} const BorisSuperpowers: FC = () => { return ( - -

Штучки, находящиеся в разработке

+ + +

Сейчас в разработке

- - {`> На данный момент в разработке нет вещей, которые можно показать.\n\n// Приходите завтра`} - - + + - Раздел [рум](/room) в начальной стадии, смотрю как будет работать + концепт. Суть идеи можно посмотреть на + [гитхабе](https://github.com/muerwre/vault-frontend/issues/158). + Предложения можно оставлять здесь. + + + ); }; diff --git a/src/containers/main/Header/index.tsx b/src/containers/main/Header/index.tsx index 10b43801..b1ad9fba 100644 --- a/src/containers/main/Header/index.tsx +++ b/src/containers/main/Header/index.tsx @@ -27,7 +27,7 @@ export interface HeaderProps {} const Header: FC = observer(() => { const [isScrolled, setIsScrolled] = useState(false); const { showModal } = useModal(); - const { isUser, user, fetched } = useAuth(); + const { isUser, user, fetched, isTester } = useAuth(); const { hasFlowUpdates, hasLabUpdates } = useFlow(); const { borisCommentedAt } = useUpdates(); const { indicatorEnabled } = useNotifications(); @@ -86,6 +86,17 @@ const Header: FC = observer(() => { ЛАБ + {isTester && ( + + РУМ + + )} + = () => ( +
+
+ +
+
+

Рум

+ +

+ Пока ещё концепт, над которым я размышляю, ты видишь его, потому + что включил суперсилы в Борисе. +

+ +

+ Все идеи насчёт этого раздела можно посмотреть{' '} + + на гитхабе + + . +

+ +

+ Здесь, скорее всего, будет возможность добавить несколько песен и + картинок для слайдшоу. +

+ +

+ Если помните einsam.ru или раздел Nowhere на старой версии сайта, + то будет что-то такое. +

+
+
+ +
+
+
+); + +export { RoomLayout }; diff --git a/src/layouts/RoomLayout/styles.module.scss b/src/layouts/RoomLayout/styles.module.scss new file mode 100644 index 00000000..0f4c59a0 --- /dev/null +++ b/src/layouts/RoomLayout/styles.module.scss @@ -0,0 +1,22 @@ +@import 'src/styles/variables'; + +.container { + height: 100vh; + width: 100%; + margin-top: -$header_height; +} + +.room { + height: 100vh; + width: 100vw; + display: flex; + align-items: center; + justify-content: center; + background: url('/images/room.svg') 50% 50%; + background-size: cover; +} + +.info { + max-width: 400px; + min-height: 40vh; +} diff --git a/src/pages/room/index.tsx b/src/pages/room/index.tsx new file mode 100644 index 00000000..a4544869 --- /dev/null +++ b/src/pages/room/index.tsx @@ -0,0 +1,15 @@ +import React, { FC } from 'react'; + +import { InferGetStaticPropsType } from 'next'; +import { RouteComponentProps } from 'react-router'; + +import { RoomLayout } from '~/layouts/RoomLayout'; + +import { getStaticProps } from '../node/[id]'; + +type Props = RouteComponentProps<{ id: string }> & + InferGetStaticPropsType; + +const RoomPage: FC = () => ; + +export default RoomPage;