added updates everywhere

src/components/flow/FlowRecentItem/index.tsx

@@ -6,6 +6,7 @@ import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
 import { getPrettyDate } from '~/utils/dom';
 import { Link } from 'react-router-dom';
 import classNames from 'classnames';
+import { Icon } from '~/components/input/Icon';
 
 interface IProps {
   node: Partial<INode>;
@@ -15,13 +16,22 @@ interface IProps {
 const FlowRecentItem: FC<IProps> = ({ node, has_new }) => {
   return (
     <Link key={node.id} className={styles.item} to={URLS.NODE_URL(node.id)}>
-      <div className={classNames(styles.thumb, { [styles.new]: has_new })}>
+      <div
+        className={classNames(styles.thumb, {
+          [styles.new]: has_new,
+          [styles.lab]: !node.is_promoted,
+        })}
+      >
         <NodeRelatedItem item={node} />
       </div>
 
       <div className={styles.info}>
         <div className={styles.title}>{node.title || '...'}</div>
-        <div className={styles.comment}>{getPrettyDate(node.created_at)}</div>
+
+        <div className={styles.comment}>
+          {!node.is_promoted && <Icon icon="lab" size={14} />}
+          <span>{getPrettyDate(node.created_at)}</span>
+        </div>
       </div>
     </Link>
   );

src/components/flow/FlowRecentItem/styles.module.scss

@@ -37,6 +37,12 @@
       bottom: -2px;
     }
   }
+
+  &.lab {
+    &::after {
+      background: $blue;
+    }
+  }
 }
 
 .info {
@@ -55,8 +61,16 @@
 .comment {
   font: $font_12_regular;
   margin-top: 4px;
-  opacity: 0.5;
+  color: darken(white, 50%);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+
+  svg {
+    fill: currentColor;
+    margin-right: $gap / 2;
+    margin-top: 1px;
+  }
 }