Add onClick handler to edit button

Sascha created 4 years ago

Change summary

webui/src/pages/bug/Message.tsx                    | 6 ++++++
webui/src/pages/bug/MessageCommentFragment.graphql | 1 +
webui/src/pages/bug/MessageCreateFragment.graphql  | 1 +
3 files changed, 8 insertions(+)

Detailed changes

webui/src/pages/bug/Message.tsx

@@ -70,6 +70,11 @@ type Props = {
 
 function Message({ op }: Props) {
   const classes = useStyles();
+
+  const editComment = (id: String) => {
+    console.log(id);
+  };
+
   return (
     <article className={classes.container}>
       <Avatar author={op.author} className={classes.avatar} />
@@ -86,6 +91,7 @@ function Message({ op }: Props) {
               disableRipple
               className={classes.editButton}
               aria-label="edit message"
+              onClick={() => editComment(op.id)}
             >
               <EditIcon />
             </IconButton>

webui/src/pages/bug/MessageCommentFragment.graphql

@@ -1,6 +1,7 @@
 #import "../../components/fragments.graphql"
 
 fragment AddComment on AddCommentTimelineItem {
+  id
   createdAt
   ...authored
   edited

webui/src/pages/bug/MessageCreateFragment.graphql

@@ -1,6 +1,7 @@
 #import "../../components/fragments.graphql"
 
 fragment Create on CreateTimelineItem {
+  id
   createdAt
   ...authored
   edited