added lab post lines

src/components/lab/LabLine/index.tsx

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+import styles from './styles.module.scss';
+import { INodeComponentProps } from '~/redux/node/constants';
+import { useColorGradientFromString } from '~/utils/hooks/useColorGradientFromString';
+
+interface Props extends INodeComponentProps {}
+
+const LabLine: FC<Props> = ({ node: { title } }) => {
+  const background = useColorGradientFromString(title, 5, 3, 270);
+
+  return <div className={styles.line} style={{ background }} />;
+};
+
+export { LabLine };

src/components/lab/LabLine/styles.module.scss

@@ -0,0 +1,7 @@
+@import "~/styles/variables";
+
+.line {
+  height: 4px;
+  border-radius: $radius $radius 0 0;
+  width: 100%;
+}

src/components/lab/LabNode/styles.module.scss

@@ -3,6 +3,7 @@
 .wrap {
   @include outer_shadow;
 
+  position: relative;
   background-color: $lab_post_bg;
   cursor: pointer;