🧹 moved _listenFor and _subscribe into .then to ensure all groupings are added before adding listeners

frontend/src/components/ProfileCardList.vue

@@ -112,13 +112,11 @@ const chat = async pid => {
     const chatter = currentProfile.chatter
     // console.log('mock sender:', pid)
     
-    /**  publish a new message to the chatter with the channel and the message
-     *  
-     *  title is optional
+    /**  publish a new message to the chatter with the channel and the message & title is optional
      */
-    const res = await chatter.publish(chatter.subscriptions[1], {
+    const res = await chatter.publish(chatter.subscriptions[0], {
         title: 'New Message',
-        description: 'This is the start of a chat conversation!',
+        description: 'This is the checking to see if we are subscribed to a channel!',
     })
     // PubNub response will be a timecode of when the message was published
     console.log('res:', res)

frontend/src/services/chat.service.js

@@ -73,7 +73,7 @@ class Chatter {
         this.subscriptions = [MAIN_CHANNEL, 'Channel-LosAngeles']
         this.listeners = {
             status: async e => {
-                await this.publish(this.subscriptions[0], testMessage)
+                await this.publish(this.subscriptions[2], testMessage)
                 if (e.category !== 'PNConnectedCategory') return
             },
             message: this._onMessage,
@@ -100,11 +100,14 @@ class Chatter {
         this.provider = await setupPubnub(this.uuid)
             
         //  step 1: build the this.groupings object from the backend
-        this.getGroupingsByProfileId(this.uuid)
+        // added .then() to wait for the groupings to be fetched before subscribing to channels
+        this.getGroupingsByProfileId(this.uuid).then(() => {
+            this._listenFor({ listeners: this.listeners })
+            this._subscribe(this.subscriptions)
+        })
         
-        
-        this._listenFor({ listeners: this.listeners })
-        this._subscribe(this.subscriptions)
+        console.log('this.subscriptions', this.subscriptions)
+       
     }
     /**
      * Send a message to a channel
@@ -115,6 +118,7 @@ class Chatter {
      * @return {object} timestamp
      */
     async publish(channel, message) {
+        console.log('publishing message to channel:', channel)
         return await providerMethods['publish']({ channel, message })
     }
     /**