Shared data model

deploy to staging

app/components/activity/ActivityPage.jsx

+/* import React from 'react'
+import { Query } from 'react-apollo'
+import { H1, H2, Button, Icon } from '@pubsweet/ui'
+// import { th } from '@pubsweet/ui-toolkit'
+// import styled from 'styled-components'
+import { B, Page, Table, Loading, LoadingIcon } from '../ui'
+import { QUERY_ACTIVITY_INFO } from './operations'
+import SubmissionHeader from '../SubmissionHeader'
+
+class ActivityPage extends React.Component {
+  constructor(props) {
+    super(props)
+  }
+
+	render() {
+		return (
+			<Page>
+        <H1>Manuscript activity</H1>
+        <H2>Quick view</H2>
+        <hr/>
+        <div>
+          <ul>
+            <li>Submitter:</li>
+            <li>Reviewer:</li>
+            <li>Claimed by:</li>
+            <li>Time in process:</li>
+            <li>Last activity:</li>
+            <li>Journal:</li>
+          </ul>
+        </div>
+        <Table>        
+          <tbody>
+            <tr>
+              <th>Submitted</th>
+              <th>Initial author review</th>
+              <th>Submission QA</th>
+              <th>XML tagging</th>
+              <th>XML QA</th>
+              <th>Final author review</th>
+              <th>Citation</th>
+              <th>Published</th>
+            </tr>
+            <tr key="manuscript">
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+              <td><Icon color="currentColor" size={3}>check</Icon></td>
+            </tr>
+          </tbody>
+        </Table>
+        <H2>Details</H2>
+        <Button primary>New message</Button>
+        <Table>        
+          <tbody>
+            <tr>
+              <th>Date</th>
+              <th>Person</th>
+              <th>Event</th>
+            </tr>
+            <tr key="manuscript">
+              <td></td>
+              <td></td>
+              <td></td>
+            </tr>
+          </tbody>
+        </Table>        
+      </Page>
+		)
+	}
+}
+
+const ActivityPageWithHeader = SubmissionHeader(ActivityPage)
+
+const ActivityPageContainer = ({ match, ...props }) => {
+  console.log(match, props, QUERY_ACTIVITY_INFO)
+  return 
+  <Query query={QUERY_ACTIVITY_INFO} variables={{ id: match.params.id }}>
+    {({ data, loading }) => {
+      if (loading || !data || !data.activities) {
+        return (
+          <Loading>
+            <LoadingIcon />
+          </Loading>
+        )
+      }
+
+      return (
+        <ActivityPageWithHeader
+          activities={data.activities}
+          match={match}
+          {...props}
+        />
+      )
+    }}
+  </Query>
+}
+
+export default ActivityPageContainer */