Добавили заметки в сайдбар (#126)

* added notes sidebar

* added note dropping and editing

* added sidebar navigation

* handling sidebarchanges over time

* using router back for closing sidebar

* fixed tripping inside single sidebar

* added superpowers toggle to sidebar

* user button opens sidebar now

* added profile cover for profile sidebar

* removed profile sidebar completely

* ran prettier over project

* added note not found error literal

src/containers/boris/BorisSidebar/index.tsx

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+
+import { BorisContacts } from '~/components/boris/BorisContacts';
+import { BorisStats } from '~/components/boris/BorisStats';
+import { Group } from '~/components/containers/Group';
+import { SuperPowersToggle } from '~/containers/auth/SuperPowersToggle';
+import styles from '~/layouts/BorisLayout/styles.module.scss';
+import { BorisUsageStats } from '~/types/boris';
+
+interface Props {
+  isUser: boolean;
+  stats: BorisUsageStats;
+  isLoading: boolean;
+}
+
+const BorisSidebar: FC<Props> = ({ isUser, stats, isLoading }) => (
+  <Group className={styles.stats__container}>
+    <div className={styles.super_powers}>
+      <SuperPowersToggle />
+    </div>
+
+    <BorisContacts />
+
+    <div className={styles.stats__wrap}>
+      <BorisStats stats={stats} isLoading={isLoading} />
+    </div>
+  </Group>
+);
+
+export { BorisSidebar };

src/containers/boris/BorisSuperpowers/index.tsx

@@ -1,39 +1,18 @@
-import { FC, useCallback } from 'react';
-
-import { useRouter } from 'next/router';
+import { FC } from 'react';
 
 import { Group } from '~/components/containers/Group';
-import { Button } from '~/components/input/Button';
-import { SidebarName } from '~/constants/sidebar';
-import { URLS } from '~/constants/urls';
-import { useSidebar } from '~/utils/providers/SidebarProvider';
-
-import styles from './styles.module.scss';
+import { Markdown } from '~/components/containers/Markdown';
 
 export interface BorisSuperpowersProps {}
 
 const BorisSuperpowers: FC<BorisSuperpowersProps> = () => {
-  const { open } = useSidebar();
-  const openProfileSidebar = useCallback(() => {
-    open(SidebarName.Settings);
-  }, [open]);
-  const { push } = useRouter();
-
   return (
     <Group>
-      <h2>Штучи, находящиеся в разработке</h2>
+      <h2>Штучки, находящиеся в разработке</h2>
 
-      <div className={styles.grid}>
-        <Button size="mini" onClick={() => openProfileSidebar()}>
-          Открыть
-        </Button>
-        <div className={styles.label}>Профиль в сайдбаре</div>
-
-        <Button size="mini" onClick={() => push(URLS.SETTINGS.BASE)}>
-          Открыть
-        </Button>
-        <div className={styles.label}>Профиль на отдельной странице</div>
-      </div>
+      <Markdown>
+        {`> На данный момент в разработке нет вещей, которые можно показать.\n\n// Приходите завтра`}
+      </Markdown>
     </Group>
   );
 };