From 9bd0a32b99226cacd4f2e92d1a7edf07a7bc40ec Mon Sep 17 00:00:00 2001
From: Travis Eden <daovist@gmail.com>
Date: Wed, 1 Aug 2018 10:45:13 -0400
Subject: [PATCH] add lastViewed prop to <FileCard>

---
 src/renderer/component/fileCard/view.jsx | 6 ++++++
 src/renderer/page/userHistory/view.jsx   | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/component/fileCard/view.jsx b/src/renderer/component/fileCard/view.jsx
index ad95f0053..7d235d19f 100644
--- a/src/renderer/component/fileCard/view.jsx
+++ b/src/renderer/component/fileCard/view.jsx
@@ -1,5 +1,6 @@
 // @flow
 import * as React from 'react';
+import moment from 'moment';
 import { normalizeURI, convertToShareLink } from 'lbry-redux';
 import type { Claim, Metadata } from 'types/claim';
 import CardMedia from 'component/cardMedia';
@@ -24,6 +25,7 @@ type Props = {
   showPrice: boolean,
   pending?: boolean,
   position: ?number,
+  lastViewed: ?number,
   /* eslint-disable react/no-unused-prop-types */
   resolveUri: string => void,
   isResolvingUri: boolean,
@@ -63,6 +65,7 @@ class FileCard extends React.PureComponent<Props> {
       showPrice,
       pending,
       position,
+      lastViewed,
     } = this.props;
 
     const shouldHide = !claimIsMine && !pending && obscureNsfw && metadata && metadata.nsfw;
@@ -107,6 +110,9 @@ class FileCard extends React.PureComponent<Props> {
             {fileInfo && <Icon icon={icons.LOCAL} />}
             {position && <Icon icon={icons.REFRESH} />}
           </div>
+          {lastViewed && (
+            <div className="card__subtitle">{moment(lastViewed).from(moment())}</div>
+          )}
         </div>
       </section>
     );
diff --git a/src/renderer/page/userHistory/view.jsx b/src/renderer/page/userHistory/view.jsx
index 13b9efc50..ed5a32a11 100644
--- a/src/renderer/page/userHistory/view.jsx
+++ b/src/renderer/page/userHistory/view.jsx
@@ -47,7 +47,9 @@ class UserHistoryPage extends React.PureComponent<Props> {
         <div className="card__list">
           {history && history.length ? (
             <React.Fragment>
-              {history.map(item => <FileCard key={item.uri} uri={item.uri} />)}
+              {history.map(item => (
+                <FileCard key={item.uri} uri={item.uri} lastViewed={item.lastViewed} />
+              ))}
               {pageCount > 1 && (
                 <FormRow verticallyCentered centered>
                   <ReactPaginate