diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 89854a1..5c825da 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -218,4 +218,5 @@ export default {
   'Didn\'t get the email? Check junk folder or': 'Didn\'t get the email? Check junk folder or ',
   'send again': 'send again',
   'No content yet': 'No content yet'
+
 }
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index e7d5d62..eadf2da 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -197,6 +197,11 @@ export default {
   'Payment progress': '付款进度',
   Goal: '项目目标',
   Information: '项目信息',
+  'Wait for completion': '待完成',
+  'Mission complete': '已完成',
+  'Wait for payment': '待支付',
+  'Wait for confirmation': '待确认',
+  'Confirm receipt': '确认收款',
   'Quote from': '报价方',
   'Days on Freeleaps': '用户活跃天数',
   'Number of projects fulfilled': '完成项目总数',
diff --git a/frontend/src/pages/user/messages/Home.vue b/frontend/src/pages/user/messages/Home.vue
index c8853c3..93ed3c6 100644
--- a/frontend/src/pages/user/messages/Home.vue
+++ b/frontend/src/pages/user/messages/Home.vue
@@ -6,7 +6,7 @@
           <div v-for="(conversation, index) in conversations" :key="index" class="conversation-container" :class="{
             selected: selConversation?.id === conversation?.id
           }" @click="selectConversation(conversation)">
-            <img class="participant-portrait" alt="user portrait" src="@/assets/profile.png" />
+            <img class="participant-portrait" alt="user portrait" :src="conversation?.photo?.base64?conversation.photo.base64:profileUrl" />
             <div class="conversation-summary-container">
               <div class="conversation-summary-header-container">
                 <span class="participant-fullname">
@@ -32,7 +32,7 @@
           <div v-for="(item, index) in messages" :key="index" class="message-item-container"
             :class="item.sender_id == userIdentityNote ? 'me' : ''">
             <div class="message-item-header-container">
-              <img class="message-item-sender-portrait" alt="user portrait" src="@/assets/profile.png" />
+              <img class="message-item-sender-portrait" alt="user portrait" :src="conversation?.sender_photo?.base64?conversation.sender_photo.base64:profileUrl" />
               <span class="message-item-sender-fullname">
                 {{ item.sender_firstname }}
                 {{ item.sender_lastname }}
@@ -59,6 +59,7 @@
 import SvgIcon from '@/components/SvgIcon.vue'
 import { MessageHubApi, DateUtils, requestHubUtils } from '@/utils/index'
 import { userUtils } from '@/utils/store/index'
+import profileUrl from '@/assets/profile.png'
 export default {
   components: { SvgIcon },
   name: 'MessageHub',
@@ -73,6 +74,7 @@ export default {
   },
   data() {
     return {
+      profileUrl,
       userIdentityNote: this.mnx_getUserIdentity(),
       selConversation: null,
       messages: [],
@@ -87,7 +89,7 @@ export default {
   },
   watch: {
     conversations(n_val) {
-      console.log('nval', n_val, this.selConversation, n_val[0].messages)
+      console.log('nval', n_val, this.selConversation, n_val[0]?.messages)
       if (!this.selConversation && n_val[0]) {
         this.selConversation = n_val[0]
         this.messages = n_val[0].messages || []