:gears: message factory recieving new messages and consoling from the chatter, TODO write function to trigger frontend notification

frontend/src/services/chat.service.js

@@ -20,9 +20,9 @@ const providerMethods = {
  * to notify the frontend ui of a new message
  */
 const messageFactory = {
-    success: () => console.log('success message for sent message'),
-    received: (e) => console.log('received message for received message', e),
-    error: () => console.log('error message for failed message'),
+    success: () => console.log('notification for successful sent message'),
+    received: (e) => console.log('notification for received message', e.message),
+    error: () => console.log('notification for failed message'),
 }
 
 /**

frontend/src/views/HomeView.vue

@@ -12,8 +12,10 @@ main.view--home(style="display:flex; flex-direction:column; gap: 40px; margin-to
     
     p(v-else-if="matches.length===0") No matches.
     p(v-else) Loading...
+    <w-flex class="wrap">
     <w-button @click="notify" bg-color="success"> notify </w-button>
-    
+      <w-button @click="chat" bg-color="error"> chat </w-button>
+    </w-flex> 
 </template>
 
 <script>
@@ -21,7 +23,7 @@ main.view--home(style="display:flex; flex-direction:column; gap: 40px; margin-to
 import ProfileCardList from '../components/ProfileCardList.vue'
 
 import { Card } from '../entities'
-import { fetchQueueByProfileId, fetchMembershipsByProfileId } from '../services'
+import { fetchQueueByProfileId, fetchMembershipsByProfileId, currentProfile } from '../services'
 import { mixins } from '../utils'
 
 /** Callback used to format incoming into card */
@@ -71,9 +73,10 @@ export default {
             }
             this.loading = false
         },
-        notify() {
+        // this can be placed in utils/notification.js
+        notify(payload) {
             this.$waveui.notify({
-            message: 'New Message',
+            message: payload.timetoken,
             timeout: 6000,
             bgColor: 'white',
             color: 'success',
@@ -84,6 +87,16 @@ export default {
             icon: 'wi-star'
         })
         },
+        //  a way to send a message to a user for development purposes and testing
+        async chat()  {
+           const chatter = currentProfile.chatter
+           const res = await chatter.publish(chatter.subscriptions[0],{
+            title: 'New Message',
+            description: 'This is a new message',
+           })
+           this.notify(res)
+        }
+
     },
 }
 </script>