diff --git a/src/containers/boris/BorisSuperpowers/index.tsx b/src/containers/boris/BorisSuperpowers/index.tsx new file mode 100644 index 00000000..8299444c --- /dev/null +++ b/src/containers/boris/BorisSuperpowers/index.tsx @@ -0,0 +1,36 @@ +import { FC } from 'react'; + +import { useRouter } from 'next/router'; + +import { Group } from '~/components/containers/Group'; +import { Button } from '~/components/input/Button'; +import { Dialog } from '~/constants/modal'; +import { URLS } from '~/constants/urls'; +import { useShowModal } from '~/hooks/modal/useShowModal'; + +import styles from './styles.module.scss'; + +interface BorisSuperpowersProps { } + + + +const BorisSuperpowers: FC = () => { + const openProfileSidebar = useShowModal(Dialog.ProfileSidebar); + const { push } = useRouter(); + + return ( + +

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

+ +
+ +
Профиль в сайдбаре
+ + +
Профиль на отдельной странице
+
+
+ ); +} + +export default BorisSuperpowers; diff --git a/src/containers/boris/BorisSuperpowers/styles.module.scss b/src/containers/boris/BorisSuperpowers/styles.module.scss new file mode 100644 index 00000000..8bb12811 --- /dev/null +++ b/src/containers/boris/BorisSuperpowers/styles.module.scss @@ -0,0 +1,11 @@ +.grid { + display: grid; + grid-template-columns: auto 1fr; + align-items: center; + justify-content: center; + grid-row-gap: 10px; +} + +.label { + margin-left: 10px; +} \ No newline at end of file diff --git a/src/layouts/BorisLayout/index.tsx b/src/layouts/BorisLayout/index.tsx index ab88d1ff..3d23e24a 100644 --- a/src/layouts/BorisLayout/index.tsx +++ b/src/layouts/BorisLayout/index.tsx @@ -1,26 +1,17 @@ -import React, { FC, useMemo } from 'react'; +import { FC, Suspense, useMemo } from 'react'; import { observer } from 'mobx-react-lite'; -import { useRouter } from 'next/router'; +import dynamic from 'next/dynamic'; import { BorisGraphicStats } from '~/components/boris/BorisGraphicStats'; import { BorisSidebar } from '~/components/boris/BorisSidebar'; import { Superpower } from '~/components/boris/Superpower'; -import { BasicCurveChart } from '~/components/charts/BasicCurveChart'; -import { StatsCard } from '~/components/charts/StatsCard'; import { Card } from '~/components/containers/Card'; -import { Filler } from '~/components/containers/Filler'; -import { Grid } from '~/components/containers/Grid'; import { Group } from '~/components/containers/Group'; -import { Padder } from '~/components/containers/Padder'; import { Sticky } from '~/components/containers/Sticky'; -import { Button } from '~/components/input/Button'; -import { Dialog } from '~/constants/modal'; -import { URLS } from '~/constants/urls'; import { BorisComments } from '~/containers/boris/BorisComments'; import { Container } from '~/containers/main/Container'; import { SidebarRouter } from '~/containers/main/SidebarRouter'; -import { useShowModal } from '~/hooks/modal/useShowModal'; import { BorisUsageStats } from '~/types/boris'; import { useAuthProvider } from '~/utils/providers/AuthProvider'; @@ -34,11 +25,12 @@ type IProps = { isLoadingStats: boolean; }; +const BorisSuperPowers = dynamic(() => import('~/containers/boris/BorisSuperpowers/index'), { + ssr: false, +}) + const BorisLayout: FC = observer(({ title, setIsBetaTester, isTester, stats, isLoadingStats }) => { const { isUser } = useAuthProvider(); - const openProfileSidebar = useShowModal(Dialog.ProfileSidebar); - const { push } = useRouter(); - const commentsByMonth = useMemo(() => stats.backend.comments.by_month?.slice(0, -1), [stats.backend.comments.by_month]); const nodesByMonth = useMemo(() => stats.backend.nodes.by_month?.slice(0, -1), [stats.backend.comments.by_month]); @@ -59,21 +51,9 @@ const BorisLayout: FC = observer(({ title, setIsBetaTester, isTester, st - - -

Тестовые фичи

- -
- -
- -
- -
-
-
+ }> + +