From 507bb452bba6ec0d8aa484de9efe80be1ff1e401 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 14 Oct 2021 16:43:54 +0700
Subject: [PATCH] refactored node header

---
 src/components/node/NodePanel/index.tsx       | 25 ++++++++-----------
 .../node/NodePanel/styles.module.scss         |  8 ------
 src/layouts/NodeLayout/index.tsx              |  4 ++-
 src/layouts/NodeLayout/styles.module.scss     |  9 +++++++
 4 files changed, 23 insertions(+), 23 deletions(-)
 delete mode 100644 src/components/node/NodePanel/styles.module.scss

diff --git a/src/components/node/NodePanel/index.tsx b/src/components/node/NodePanel/index.tsx
index ab83d01c..0ab3c7f0 100644
--- a/src/components/node/NodePanel/index.tsx
+++ b/src/components/node/NodePanel/index.tsx
@@ -1,5 +1,4 @@
 import React, { FC, memo } from 'react';
-import styles from './styles.module.scss';
 import { INode } from '~/redux/types';
 import { NodePanelInner } from '~/components/node/NodePanelInner';
 import { useNodePermissions } from '~/utils/hooks/node/useNodePermissions';
@@ -16,19 +15,17 @@ const NodePanel: FC<IProps> = memo(({ node, isLoading }) => {
   const { onEdit, onLike, onStar, onLock } = useNodeActions(node);
 
   return (
-    <div className={styles.place}>
-      <NodePanelInner
-        node={node}
-        onEdit={onEdit}
-        onLike={onLike}
-        onStar={onStar}
-        onLock={onLock}
-        canEdit={can_edit}
-        canLike={can_like}
-        canStar={can_star}
-        isLoading={!!isLoading}
-      />
-    </div>
+    <NodePanelInner
+      node={node}
+      onEdit={onEdit}
+      onLike={onLike}
+      onStar={onStar}
+      onLock={onLock}
+      canEdit={can_edit}
+      canLike={can_like}
+      canStar={can_star}
+      isLoading={!!isLoading}
+    />
   );
 }, shallowEqual);
 
diff --git a/src/components/node/NodePanel/styles.module.scss b/src/components/node/NodePanel/styles.module.scss
deleted file mode 100644
index 1bc39562..00000000
--- a/src/components/node/NodePanel/styles.module.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "src/styles/variables";
-
-.place {
-  @include row_shadow;
-  position: relative;
-  z-index: 3;
-  margin-top: -$radius;
-}
diff --git a/src/layouts/NodeLayout/index.tsx b/src/layouts/NodeLayout/index.tsx
index 207734bd..ffd1b78d 100644
--- a/src/layouts/NodeLayout/index.tsx
+++ b/src/layouts/NodeLayout/index.tsx
@@ -55,7 +55,9 @@ const NodeLayout: FC<IProps> = memo(
           <Card className={styles.node} seamless>
             {block}
 
-            <NodePanel node={current} isLoading={is_loading} />
+            <div className={styles.panel}>
+              <NodePanel node={current} isLoading={is_loading} />
+            </div>
 
             <NodeBottomBlock
               canEdit={canEdit}
diff --git a/src/layouts/NodeLayout/styles.module.scss b/src/layouts/NodeLayout/styles.module.scss
index 2f37e886..caf00794 100644
--- a/src/layouts/NodeLayout/styles.module.scss
+++ b/src/layouts/NodeLayout/styles.module.scss
@@ -49,3 +49,12 @@
   border-radius: $panel_radius;
   box-shadow: $comment_shadow;
 }
+
+.panel {
+  @include row_shadow;
+
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: stretch;
+}