From 462c27ee897e4b4a9f8633e16400c4f9acb38d00 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 24 Mar 2021 17:47:56 +0700
Subject: [PATCH] #23 added heroic lab icon

---
 src/components/lab/LabNodeTitle/index.tsx         | 15 +++++++++++++--
 .../lab/LabNodeTitle/styles.module.scss           |  5 +++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/lab/LabNodeTitle/index.tsx b/src/components/lab/LabNodeTitle/index.tsx
index 058223c9..b44533de 100644
--- a/src/components/lab/LabNodeTitle/index.tsx
+++ b/src/components/lab/LabNodeTitle/index.tsx
@@ -3,6 +3,9 @@ import { INode } from '~/redux/types';
 import styles from './styles.module.scss';
 import { URLS } from '~/constants/urls';
 import { Link } from 'react-router-dom';
+import { Group } from '~/components/containers/Group';
+import { Icon } from '~/components/input/Icon';
+import Tippy from '@tippy.js/react';
 
 interface IProps {
   node: INode;
@@ -12,11 +15,19 @@ const LabNodeTitle: FC<IProps> = ({ node }) => {
   if (!node.title) return null;
 
   return (
-    <div className={styles.wrap}>
+    <Group horizontal className={styles.wrap}>
       <div className={styles.title}>
         <Link to={URLS.NODE_URL(node.id)}>{node.title || '...'}</Link>
       </div>
-    </div>
+
+      {node.is_heroic && (
+        <Tippy content="Важный пост">
+          <div className={styles.star}>
+            <Icon icon="star_full" />
+          </div>
+        </Tippy>
+      )}
+    </Group>
   );
 };
 
diff --git a/src/components/lab/LabNodeTitle/styles.module.scss b/src/components/lab/LabNodeTitle/styles.module.scss
index 008e00f6..f9ee925c 100644
--- a/src/components/lab/LabNodeTitle/styles.module.scss
+++ b/src/components/lab/LabNodeTitle/styles.module.scss
@@ -22,3 +22,8 @@
     font: $font_20_semibold;
   }
 }
+
+.star {
+  fill: $yellow;
+  flex: 0 0 24px;
+}