fixed boris image and layout

package.json

@@ -56,6 +56,7 @@
     "ts-check": "tsc -p tsconfig.json --noEmit",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "prepare": "husky install",
+    "next:dev": "next dev",
     "next:build": "next build",
     "next:start": "next start -p 80"
   },

src/components/common/LoadingProgress/index.tsx

@@ -7,7 +7,7 @@ import styles from './styles.module.scss';
 interface LoadingProgressProps {}
 
 const LoadingProgress: VFC<LoadingProgressProps> = () => {
-  const shown = useSSRLoadingIndicator(300);
+  const shown = useSSRLoadingIndicator(700);
 
   return shown ? (
     <>

src/containers/boris/BorisComments/index.tsx

@@ -10,8 +10,6 @@ import { CommentContextProvider, useCommentContext } from '~/utils/context/Comme
 import { useNodeContext } from '~/utils/context/NodeContextProvider';
 import { useUserContext } from '~/utils/context/UserContextProvider';
 
-import styles from './styles.module.scss';
-
 interface IProps {}
 
 const BorisComments: FC<IProps> = () => {
@@ -30,13 +28,6 @@ const BorisComments: FC<IProps> = () => {
   const { node } = useNodeContext();
 
   return (
-    <>
-      <Group className={styles.grid}>
-        {isUser && <NodeCommentForm user={user} nodeId={node.id} saveComment={onSaveComment} />}
-
-        {isLoading ? (
-          <NodeNoComments is_loading count={7} />
-        ) : (
     <CommentContextProvider
       onSaveComment={onSaveComment}
       comments={comments}
@@ -46,13 +37,18 @@ const BorisComments: FC<IProps> = () => {
       onShowImageModal={onShowImageModal}
       isLoading={isLoading}
     >
+      <Group>
+        {isUser && <NodeCommentForm user={user} nodeId={node.id} saveComment={onSaveComment} />}
+
+        {isLoading || !comments?.length ? (
+          <NodeNoComments is_loading count={7} />
+        ) : (
           <NodeComments order="ASC" />
-          </CommentContextProvider>
         )}
-      </Group>
 
         <Footer />
-    </>
+      </Group>
+    </CommentContextProvider>
   );
 };
 

src/containers/boris/BorisComments/styles.module.scss

@@ -1,18 +0,0 @@
-@import "src/styles/variables.scss";
-
-.content {
-  flex: 4;
-  z-index: 2;
-  border-radius: $radius;
-  padding: $gap;
-  background: $node_bg;
-  box-shadow: inset transparentize(mix($wisegreen, white, 60%), 0.6) 0 1px;
-
-  @include desktop {
-    flex: 2.5;
-  }
-
-  @media(max-width: 1024px) {
-    flex: 2;
-  }
-}

src/layouts/BorisLayout/index.tsx

@@ -1,16 +1,12 @@
 import React, { FC } from 'react';
 
 import { BorisSidebar } from '~/components/boris/BorisSidebar';
-import { BorisUIDemo } from '~/components/boris/BorisUIDemo';
-import { Superpower } from '~/components/boris/Superpower';
 import { Card } from '~/components/containers/Card';
 import { Group } from '~/components/containers/Group';
 import { Sticky } from '~/components/containers/Sticky';
-import { Tabs } from '~/components/dialogs/Tabs';
 import { BorisComments } from '~/containers/boris/BorisComments';
 import { Container } from '~/containers/main/Container';
 import { SidebarRouter } from '~/containers/main/SidebarRouter';
-import boris from '~/sprites/boris_robot.svg';
 import { BorisUsageStats } from '~/types/boris';
 import { useAuthProvider } from '~/utils/providers/AuthProvider';
 
@@ -37,23 +33,12 @@ const BorisLayout: FC<IProps> = ({ title, setIsBetaTester, isTester, stats, isLo
             <div className={styles.caption_text}>{title}</div>
           </div>
 
-          <img src={boris} alt="Борис" />
+          <img src="/images/boris_robot.svg" alt="Борис" />
         </div>
 
         <div className={styles.container}>
           <Card className={styles.content}>
-            <Tabs>
-              <Superpower>
-                <Tabs.List items={['Комментарии', 'ЮАЙ ПЛЭЙГРАУНД']} />
-              </Superpower>
-
-              <Tabs.Content>
             <BorisComments />
-                <Superpower>
-                  <BorisUIDemo />
-                </Superpower>
-              </Tabs.Content>
-            </Tabs>
           </Card>
 
           <Group className={styles.stats}>