change comments handling

frontend/src/actions/orders/processActions.js

@@ -62,23 +62,26 @@ const sendComment = () => ({
     type: SEND_ORDER_COMMENT
 })
 
-export const addComment = (idOrder, comment) => {
+export const addComment = (idOrder, newComment, existingComments) => {
     return dispatch => {
         dispatch(sendComment());
         //TODO: get real user name and store in comment object
+        const newCommentObject = {
+            comment : newComment,
+            date : moment().format("Do MMM, YY"),
+            username: 'username',
+            isOwner: 1,
+        }
+        const concatenatedComments = (existingComments) ? existingComments.concat(newCommentObject) : [newCommentObject];
+
         return htmlClient.fetch({
             url: `${API_SERVER}/wp-json/wc/v2/orders/${idOrder}`,
-            method: 'post',
+            method: 'put',
             data: {
                 meta_data: [
                     {
-                        key: `comment-${moment().unix()}`,
+                        key:'comments',
-                        value: {
+                        value: JSON.stringify(concatenatedComments),
-                            comment: comment,
-                            addDate: moment().format("Do MMM, YY"),
-                            username: 'username',
-                            isOwner: 1
-                        }
                     }
                 ]
             }

frontend/src/containers/orders/components/OrderComments.jsx

@@ -18,7 +18,7 @@ class OrderComments extends Component {
     }
 
     addNewComment(){
-        this.props.dispatch(addComment(this.props.orderInfo.id, this.state.newComment));
+        this.props.dispatch(addComment(this.props.orderInfo.id, this.state.newComment, this.props.orderComments));
     }
 
     onEditorChange(newComment){
@@ -48,7 +48,7 @@ class OrderComments extends Component {
                                     <Row key={'order-comment-' + index}>
                                         <Col xl={{size:6, offset:this.getOffset(orderComment.isOwner)}}>
                                             <div className={'order-comment ' + this.getClassByOwner(orderComment.isOwner)} key={'order-comment-' + index}>
-                                                <div className="order-comment-header">{orderComment.username} - {orderComment.addDate}</div>
+                                                <div className="order-comment-header">{orderComment.username} - {orderComment.date}</div>
                                                 <div dangerouslySetInnerHTML={{__html: orderComment.comment}}></div>
                                             </div>
                                         </Col>