check comment owner by username

frontend/src/actions/login/authActions.js

@@ -118,6 +118,7 @@ export const validateCredentials = (username, password) => {
 
                     // if(decodedAceessToken.data.wiaas_user_type === 'customer'){
                     localStorage.setItem('accessToken', response.data.token);
+                    localStorage.setItem('username', username);
                     const serverTime = decodedAceessToken.nbf || 1;
                     // refreshToken = response.data.refreshToken;
                     startRefreshTimer(dispatch, serverTime);

frontend/src/actions/orders/processActions.js

@@ -69,8 +69,7 @@ export const addComment = (idOrder, newComment, existingComments) => {
         const newCommentObject = {
             comment : newComment,
             date : moment().format("Do MMM, YY"),
-            username: 'username',
-            isOwner: 1,
+            username: localStorage.getItem('username') || '-',
         }
         const concatenatedComments = (existingComments) ? existingComments.concat(newCommentObject) : [newCommentObject];
 

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

@@ -25,12 +25,12 @@ class OrderComments extends Component {
         this.setState({newComment});
     }
 
-    getOffset(isOwner){
-        return isOwner ? 6 : 0;
+    getOffset(username){
+        return (username === localStorage.getItem('username')) ? 6 : 0;
     }
 
-    getClassByOwner(isOwner){
-        return isOwner ? 'mine' : '';
+    getClassByOwner(username){
+        return (username === localStorage.getItem('username')) ? 'mine' : '';
     }
 
     render() {
@@ -46,8 +46,8 @@ class OrderComments extends Component {
                                     orderComments &&
                                     orderComments.map((orderComment, index) =>
                                     <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}>
+                                        <Col xl={{size:6, offset:this.getOffset(orderComment.username)}}>
+                                            <div className={'order-comment ' + this.getClassByOwner(orderComment.username)} key={'order-comment-' + index}>
                                                 <div className="order-comment-header">{orderComment.username} - {orderComment.date}</div>
                                                 <div dangerouslySetInnerHTML={{__html: orderComment.comment}}></div>
                                             </div>