setting up messageFactory

frontend/src/services/chat.service.js

@@ -15,6 +15,19 @@ const providerMethods = {
 }
 
 /**
+ * Message factory
+ * simple message object creator
+ * 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'),
+}
+
+/**
+ * 
+ * 
  * Breaking out as much pubnub specific flavor
  */
 const setupPubnub = async uuid => {
@@ -129,6 +142,7 @@ class Chatter {
         this.subscriptions = [MAIN_CHANNEL]
         console.warn('chatter stop no implemented')
     }
+
 }
 
 export { Chatter }

frontend/src/views/HomeView.vue

@@ -12,10 +12,12 @@ 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-button @click="notify" bg-color="success"> notify </w-button>
+    
 </template>
 
 <script>
+    import 'wave-ui/dist/wave-ui.css'
 import ProfileCardList from '../components/ProfileCardList.vue'
 
 import { Card } from '../entities'
@@ -69,6 +71,19 @@ export default {
             }
             this.loading = false
         },
+        notify() {
+            this.$waveui.notify({
+            message: 'New Message',
+            timeout: 6000,
+            bgColor: 'white',
+            color: 'success',
+            dismiss: false,
+            shadow: true,
+            round: true,
+            sm: true,
+            icon: 'wi-star'
+        })
+        },
     },
 }
 </script>