From 850b9db8744c47b3f42b877078678f62ce77e38d Mon Sep 17 00:00:00 2001
From: Quentin Gliech <quentingliech@gmail.com>
Date: Wed, 13 Mar 2019 21:16:02 +0100
Subject: [PATCH] webui: Use Timeline API instead of raw operations

---
 webui/src/bug/LabelChange.js   |  4 ++--
 webui/src/bug/Message.js       | 14 +++++++-------
 webui/src/bug/SetStatus.js     |  4 ++--
 webui/src/bug/SetTitle.js      |  4 ++--
 webui/src/bug/Timeline.js      | 10 +++++-----
 webui/src/bug/TimelineQuery.js | 10 +++++-----
 6 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/webui/src/bug/LabelChange.js b/webui/src/bug/LabelChange.js
index b1bed4a570977a566bba5eeb9c18724b922ded65..9b19959ecc5960ce12128f43e640167302dbc86b 100644
--- a/webui/src/bug/LabelChange.js
+++ b/webui/src/bug/LabelChange.js
@@ -36,8 +36,8 @@ const LabelChange = ({ op, classes }) => {
 };
 
 LabelChange.fragment = gql`
-  fragment LabelChange on Operation {
-    ... on LabelChangeOperation {
+  fragment LabelChange on TimelineItem {
+    ... on LabelChangeTimelineItem {
       date
       author {
         name
diff --git a/webui/src/bug/Message.js b/webui/src/bug/Message.js
index a4e3eeb0e92da7636c8242113ad40f0a85db0e09..e858e0032403f5a379252e6e373279befedcc35f 100644
--- a/webui/src/bug/Message.js
+++ b/webui/src/bug/Message.js
@@ -32,7 +32,7 @@ const Message = ({ op, classes }) => (
     <div className={classes.header}>
       <Author className={classes.author} author={op.author} bold />
       <span> commented </span>
-      <Date date={op.date} />
+      <Date date={op.createdAt} />
     </div>
     <div className={classes.message}>
       <Typography>{op.message}</Typography>
@@ -41,9 +41,9 @@ const Message = ({ op, classes }) => (
 );
 
 Message.createFragment = gql`
-  fragment Create on Operation {
-    ... on CreateOperation {
-      date
+  fragment Create on TimelineItem {
+    ... on CreateTimelineItem {
+      createdAt
       author {
         name
         email
@@ -55,9 +55,9 @@ Message.createFragment = gql`
 `;
 
 Message.commentFragment = gql`
-  fragment Comment on Operation {
-    ... on AddCommentOperation {
-      date
+  fragment AddComment on TimelineItem {
+    ... on AddCommentTimelineItem {
+      createdAt
       author {
         name
         email
diff --git a/webui/src/bug/SetStatus.js b/webui/src/bug/SetStatus.js
index 332c8352e8b94a05ca6c9f19036c32d2f0d6989a..4e03fff77051f3b7271e9109efd0b2efa38a6b58 100644
--- a/webui/src/bug/SetStatus.js
+++ b/webui/src/bug/SetStatus.js
@@ -21,8 +21,8 @@ const SetStatus = ({ op, classes }) => {
 };
 
 SetStatus.fragment = gql`
-  fragment SetStatus on Operation {
-    ... on SetStatusOperation {
+  fragment SetStatus on TimelineItem {
+    ... on SetStatusTimelineItem {
       date
       author {
         name
diff --git a/webui/src/bug/SetTitle.js b/webui/src/bug/SetTitle.js
index 5b17c431e1f208864e893fc96b5c1a09f06e17ae..a32cf791e3df8f4ed0314092d23ec15d49437eed 100644
--- a/webui/src/bug/SetTitle.js
+++ b/webui/src/bug/SetTitle.js
@@ -27,8 +27,8 @@ const SetTitle = ({ op, classes }) => {
 };
 
 SetTitle.fragment = gql`
-  fragment SetTitle on Operation {
-    ... on SetTitleOperation {
+  fragment SetTitle on TimelineItem {
+    ... on SetTitleTimelineItem {
       date
       author {
         name
diff --git a/webui/src/bug/Timeline.js b/webui/src/bug/Timeline.js
index d331d11d586775b565bfdcbb850091dbd96d8e97..f59907112597f1abde3b7e418d19face5cadc7f5 100644
--- a/webui/src/bug/Timeline.js
+++ b/webui/src/bug/Timeline.js
@@ -27,15 +27,15 @@ class Timeline extends React.Component {
       <div className={classes.main}>
         {ops.map((op, index) => {
           switch (op.__typename) {
-            case 'CreateOperation':
+            case 'CreateTimelineItem':
               return <Message key={index} op={op} />;
-            case 'AddCommentOperation':
+            case 'AddCommentTimelineItem':
               return <Message key={index} op={op} />;
-            case 'LabelChangeOperation':
+            case 'LabelChangeTimelineItem':
               return <LabelChange key={index} op={op} />;
-            case 'SetTitleOperation':
+            case 'SetTitleTimelineItem':
               return <SetTitle key={index} op={op} />;
-            case 'SetStatusOperation':
+            case 'SetStatusTimelineItem':
               return <SetStatus key={index} op={op} />;
 
             default:
diff --git a/webui/src/bug/TimelineQuery.js b/webui/src/bug/TimelineQuery.js
index 78658a6fd1fbbfbe398b84e887f8c63d9425cbf5..ebb20f9d478c428d48925e541b92536ab9cf0b7e 100644
--- a/webui/src/bug/TimelineQuery.js
+++ b/webui/src/bug/TimelineQuery.js
@@ -12,13 +12,13 @@ const QUERY = gql`
   query($id: String!, $first: Int = 10, $after: String) {
     defaultRepository {
       bug(prefix: $id) {
-        operations(first: $first, after: $after) {
+        timeline(first: $first, after: $after) {
           nodes {
-            ...Create
-            ...Comment
             ...LabelChange
-            ...SetTitle
             ...SetStatus
+            ...SetTitle
+            ...AddComment
+            ...Create
           }
           pageInfo {
             hasNextPage
@@ -42,7 +42,7 @@ const TimelineQuery = ({ id }) => (
       if (error) return <p>Error: {error}</p>;
       return (
         <Timeline
-          ops={data.defaultRepository.bug.operations.nodes}
+          ops={data.defaultRepository.bug.timeline.nodes}
           fetchMore={fetchMore}
         />
       );