added updated nodes to flow

src/components/flow/FlowRecent/index.tsx

@@ -1,19 +1,45 @@
 import React, { FC } from 'react';
 import * as styles from './styles.scss';
 import { IFlowState } from '~/redux/flow/reducer';
+import { getURL } from '~/utils/dom';
+import { Link } from 'react-router-dom';
+import { URLS } from '~/constants/urls';
+import classNames from 'classnames';
 
 interface IProps {
   recent: IFlowState['recent'];
+  updated: IFlowState['updated'];
 }
 
-const FlowRecent: FC<IProps> = ({ recent }) => (
+const FlowRecent: FC<IProps> = ({ recent, updated }) => (
   <div className={styles.grid}>
+    {updated &&
+      updated.slice(0, 20).map(node => (
+        <Link key={node.id} className={styles.item} to={URLS.NODE_URL(node.id)}>
+          <div
+            className={classNames(styles.thumb, styles.new)}
+            style={{ backgroundImage: `url("${getURL({ url: node.thumbnail })}")` }}
+          />
+
+          <div className={styles.info}>
+            <div className={styles.title}>{node.title}</div>
+            <div className={styles.comment}>{node.created_at}</div>
+          </div>
+        </Link>
+      ))}
+
     {recent &&
-      recent.slice(0, 9).map(node => (
-        <div key={node.id} className={styles.item}>
-          <div className={styles.thumb} />
-          <div className={styles.info}>{node.title}</div>
-        </div>
+      recent.slice(0, 20).map(node => (
+        <Link key={node.id} className={styles.item} to={URLS.NODE_URL(node.id)}>
+          <div
+            className={styles.thumb}
+            style={{ backgroundImage: `url("${getURL({ url: node.thumbnail })}")` }}
+          />
+          <div className={styles.info}>
+            <div className={styles.title}>{node.title}</div>
+            <div className={styles.comment}>{node.created_at}</div>
+          </div>
+        </Link>
       ))}
   </div>
 );