several bug fixes

src/components/node/NodeRelated/placeholder.tsx

@@ -0,0 +1,31 @@
+import React, { FC, memo } from "react";
+import styles from "./styles.scss";
+import cell_style from "~/components/node/NodeRelatedItem/styles.scss";
+import { Group } from "~/components/containers/Group";
+import { Placeholder } from "~/components/placeholders/Placeholder";
+import range from "ramda/es/range";
+import classNames from "classnames";
+
+interface IProps {}
+
+const NodeRelatedPlaceholder: FC<IProps> = memo(() => {
+  return (
+    <Group className={classNames(styles.wrap, styles.placeholder)}>
+      <div className={styles.title}>
+        <div className={styles.line} />
+        <div className={styles.text}>
+          <Placeholder />
+        </div>
+        <div className={styles.line} />
+      </div>
+
+      <div className={styles.grid}>
+        {range(0, 6).map(el => (
+          <div className={cell_style.item} key={el} />
+        ))}
+      </div>
+    </Group>
+  );
+});
+
+export { NodeRelatedPlaceholder };

src/components/node/NodeRelated/styles.scss

@@ -36,3 +36,15 @@
 .text {
   margin: 0 $gap;
 }
+
+.placeholder {
+  .text {
+    opacity: 1;
+  }
+
+  .grid {
+    div {
+      background: $placeholder_bg;
+    }
+  }
+}