#23 added comment_count and last_seen to lab

src/components/lab/LabNode/index.tsx

@@ -1,21 +1,35 @@
-import React, { FC } from 'react';
+import React, { FC, useMemo } from 'react';
 import { INode } from '~/redux/types';
 import { useNodeBlocks } from '~/utils/hooks/node/useNodeBlocks';
 import styles from './styles.module.scss';
 import { LabBottomPanel } from '~/components/lab/LabBottomPanel';
+import { isAfter, parseISO } from 'date-fns';
 
 interface IProps {
   node: INode;
+  lastSeen: string | null;
   isLoading?: boolean;
+  commentCount: number;
 }
 
-const LabNode: FC<IProps> = ({ node, isLoading }) => {
+const LabNode: FC<IProps> = ({ node, isLoading, lastSeen, commentCount }) => {
   const { lab } = useNodeBlocks(node, false);
 
+  const hasNewComments = useMemo(
+    () =>
+      !!node.commented_at && !!lastSeen && isAfter(parseISO(node.commented_at), parseISO(lastSeen)),
+    [node.commented_at, lastSeen]
+  );
+
   return (
     <div className={styles.wrap}>
       {lab}
-      <LabBottomPanel node={node} isLoading={!!isLoading} />
+      <LabBottomPanel
+        node={node}
+        isLoading={!!isLoading}
+        hasNewComments={hasNewComments}
+        commentCount={commentCount}
+      />
     </div>
   );
 };