#18 Parse more events

app/components/activity/ActivityDetails.jsx

@@ -11,13 +11,18 @@ const DetailsTable = styled(Table)`
 `
 
 const ActivityList = ({ manuscript }) =>
-  manuscript.audits.map(audit => (
-    <tr key={audit.id}>
-      <td>{moment(audit.created).format('DD/MM/YYYY')}</td>
-      <td>{`${audit.user.givenNames} ${audit.user.surname}`}</td>
-      <td>{obtainEventDescription(audit, manuscript)}</td>
-    </tr>
-  ))
+  manuscript.audits
+    .reduce((reversed, audit) => {
+      reversed.unshift(audit)
+      return reversed
+    }, [])
+    .map(audit => (
+      <tr key={audit.id}>
+        <td>{moment(audit.created).format('DD/MM/YYYY HH:mm:ss')}</td>
+        <td>{`${audit.user.givenNames} ${audit.user.surname}`}</td>
+        <td>{obtainEventDescription(audit, manuscript)}</td>
+      </tr>
+    ))
 
 const NewMsgBtn = styled(Button)`
   padding: 4px 8px;
@@ -30,7 +35,7 @@ const DetailsHeading = styled.div`
 `
 
 const DataColumn = styled.th`
-  width: 15%;
+  width: 20%;
 `
 
 const PersonColumn = styled.th`

app/components/activity/QuickView.jsx

@@ -43,6 +43,12 @@ const ManuMetaSec = props => {
     }
     return info
   }, {})
+  let claimedBy = ''
+  if (props.manuscript.claimedBy) {
+    claimedBy = `${props.manuscript.claimedBy.givenNames} ${
+      props.manuscript.claimedBy.surname
+    }`
+  }
   return (
     <ManuMeta>
       <MetaColumn>
@@ -54,7 +60,7 @@ const ManuMetaSec = props => {
             <B>Reviewer:</B> {auditInfo.reviewer}
           </MetaItem>
           <MetaItem>
-            <B>Claimed by:</B>
+            <B>Claimed by:</B> {claimedBy}
           </MetaItem>
         </MetaList>
       </MetaColumn>

app/components/activity/helper/events.js

@@ -11,6 +11,26 @@ export const obtainEventDescription = (
         manuscript.journal.journalTitle
       }`
     }
+    if (changes.claimed_by) {
+      let claimedBy = ''
+      if (manuscript.claimedBy) {
+        claimedBy = `${manuscript.claimedBy.givenNames} ${
+          manuscript.claimedBy.surname
+        }`
+      }
+      return `Manuscript claimed by ${claimedBy}`
+    }
+    if (changes['meta,release_delay']) {
+      return `Manuscript added embargo period ${
+        changes['meta,release_delay']
+      } months`
+    }
+    if (changes['meta,funding_group']) {
+      const funding = JSON.parse(changes['meta,funding_group'])
+        .map(funding => funding.title)
+        .join(', ')
+      return `Manuscript added funding ${funding}`
+    }
   }
 
   if (objectType === 'note') {