Progress

app/javascript/gabsocial/components/status_revision_item.js

@@ -0,0 +1,42 @@
+
+import { injectIntl } from 'react-intl';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import RelativeTimestamp from './relative_timestamp';
+
+export default
+@injectIntl
+class StatusRevisionItem extends ImmutablePureComponent {
+
+  static propTypes = {
+    loading: PropTypes.bool.isRequired,
+    error: PropTypes.object,
+    data: PropTypes.array
+  };
+
+  render() {
+    const { loading, error, data } = this.props;
+
+    if (loading || !data) return null
+
+    if (error) {
+      return (
+        <div className='status-revisions-list'>
+          <div className='status-revisions-list__error'>An error occured</div>
+        </div>
+      )
+    }
+
+    return (
+      <div className='status-revisions-list'>
+        {data.map((revision, i) => (
+          <div key={i} className='status-revisions-list__item'>
+            <div className='status-revisions-list__item__timestamp'>
+              <RelativeTimestamp timestamp={revision.created_at} />
+            </div>
+            <div className='status-revisions-list__item__text'>{revision.text}</div>
+          </div>
+        ))}
+      </div>
+    );
+  }
+}