From beaa1d0e611b404007bbfb367c9691df0206a618 Mon Sep 17 00:00:00 2001
From: David Nisson <d.m.nisson@gmail.com>
Date: Tue, 26 May 2020 15:05:25 -0700
Subject: [PATCH 1/4] monitor session partner connection status

---
 src/store/modules/user.js       | 11 ++++++++++-
 src/views/SessionView/index.vue |  8 ++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index d43786a9..26638ede 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -15,7 +15,8 @@ export default {
     latestSession: {},
     volunteerStats: {},
     isFirstDashboardVisit: false,
-    isSessionConnectionAlive: false
+    isSessionConnectionAlive: false,
+    isSessionPartnerConnectionAlive: false
   },
   mutations: {
     setUser: (state, user = {}) => (state.user = user),
@@ -60,6 +61,10 @@ export default {
 
     setIsSessionConnectionAlive: (state, isSessionConnectionAlive) => {
       state.isSessionConnectionAlive = isSessionConnectionAlive;
+    },
+
+    setIsSessionPartnerConnectionAlive: (state, isSessionPartnerConnectionAlive) => {
+      state.isSessionPartnerConnectionAlive = isSessionPartnerConnectionAlive;
     }
   },
   actions: {
@@ -129,6 +134,10 @@ export default {
       commit("setSession", sessionData);
     },
 
+    updateSessionPartnerStatus: ({ commit }, isSessionPartnerConnectionAlive) => {
+      commit("setIsSessionPartnerConnectionAlive", isSessionPartnerConnectionAlive);
+    },
+
     updateAvailability: ({ commit }, availability, date = Date.now()) => {
       commit("setAvailability", availability, date);
     },
diff --git a/src/views/SessionView/index.vue b/src/views/SessionView/index.vue
index a1d544ce..2f754f26 100644
--- a/src/views/SessionView/index.vue
+++ b/src/views/SessionView/index.vue
@@ -205,6 +205,14 @@ export default {
       } else if (this.$route.params.sessionId) {
         this.joinSession(this.$route.params.sessionId);
       }
+    },
+    "partner-status"(data) {
+      console.log(data)
+      console.log(data.isSessionPartnerConnectionAlive)
+      this.$store.dispatch(
+        "user/updateSessionPartnerStatus",
+        data.isSessionPartnerConnectionAlive
+      );
     }
   },
   methods: {

From 3b79c7504fbd84e59b5f45c764927487fbdde2a4 Mon Sep 17 00:00:00 2001
From: David Nisson <d.m.nisson@gmail.com>
Date: Tue, 26 May 2020 15:06:09 -0700
Subject: [PATCH 2/4] add partner status indicator

---
 src/views/SessionView/SessionHeader.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/SessionView/SessionHeader.vue b/src/views/SessionView/SessionHeader.vue
index 1ae6a60b..7ddb2e16 100644
--- a/src/views/SessionView/SessionHeader.vue
+++ b/src/views/SessionView/SessionHeader.vue
@@ -11,7 +11,17 @@
             <loading-message message="Contacting coaches" />
           </template>
           <template v-else-if="isSessionInProgress">
-            <span class="volunteer-name">{{ sessionPartner.firstname }}</span>
+            <span class="volunteer-name">{{ sessionPartner.firstname }}</span><br />
+            <template v-if="isSessionConnectionAlive">
+              <span class="partner-status">
+                <template v-if="isSessionPartnerConnectionAlive">
+                  Online
+                </template>
+                <template v-else>
+                  Offline
+                </template>
+              </span>
+            </template>
           </template>
           <template v-else-if="isSessionOver">
             <template v-if="sessionPartner.firstname">
@@ -89,7 +99,9 @@ export default {
   computed: {
     ...mapState({
       user: state => state.user.user,
-      session: state => state.user.session
+      session: state => state.user.session,
+      isSessionConnectionAlive: state => state.user.isSessionConnectionAlive,
+      isSessionPartnerConnectionAlive: state => state.user.isSessionPartnerConnectionAlive
     }),
     ...mapGetters({
       sessionPartner: "user/sessionPartner",
@@ -280,6 +292,11 @@ h1 {
   font-size: 18px;
 }
 
+.partner-status {
+  font-weight: 400;
+  font-size: 14px;
+}
+
 .button-container {
   display: flex;
   align-items: center;

From e51f389dcdbd64ee97eafe0a60da29c38a6599a3 Mon Sep 17 00:00:00 2001
From: David Nisson <d.m.nisson@gmail.com>
Date: Tue, 26 May 2020 15:07:03 -0700
Subject: [PATCH 3/4] remove console.log

---
 src/views/SessionView/index.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/SessionView/index.vue b/src/views/SessionView/index.vue
index 2f754f26..acfba133 100644
--- a/src/views/SessionView/index.vue
+++ b/src/views/SessionView/index.vue
@@ -207,8 +207,6 @@ export default {
       }
     },
     "partner-status"(data) {
-      console.log(data)
-      console.log(data.isSessionPartnerConnectionAlive)
       this.$store.dispatch(
         "user/updateSessionPartnerStatus",
         data.isSessionPartnerConnectionAlive

From 9b4b59193535a5da8bf55c30c84bd681feab0ab0 Mon Sep 17 00:00:00 2001
From: David Nisson <d.m.nisson@gmail.com>
Date: Tue, 26 May 2020 15:07:14 -0700
Subject: [PATCH 4/4] make pretty

---
 src/store/modules/user.js               | 15 ++++++++++++---
 src/views/SessionView/SessionHeader.vue |  6 ++++--
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 26638ede..775073b9 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -63,7 +63,10 @@ export default {
       state.isSessionConnectionAlive = isSessionConnectionAlive;
     },
 
-    setIsSessionPartnerConnectionAlive: (state, isSessionPartnerConnectionAlive) => {
+    setIsSessionPartnerConnectionAlive: (
+      state,
+      isSessionPartnerConnectionAlive
+    ) => {
       state.isSessionPartnerConnectionAlive = isSessionPartnerConnectionAlive;
     }
   },
@@ -134,8 +137,14 @@ export default {
       commit("setSession", sessionData);
     },
 
-    updateSessionPartnerStatus: ({ commit }, isSessionPartnerConnectionAlive) => {
-      commit("setIsSessionPartnerConnectionAlive", isSessionPartnerConnectionAlive);
+    updateSessionPartnerStatus: (
+      { commit },
+      isSessionPartnerConnectionAlive
+    ) => {
+      commit(
+        "setIsSessionPartnerConnectionAlive",
+        isSessionPartnerConnectionAlive
+      );
     },
 
     updateAvailability: ({ commit }, availability, date = Date.now()) => {
diff --git a/src/views/SessionView/SessionHeader.vue b/src/views/SessionView/SessionHeader.vue
index 7ddb2e16..b8595107 100644
--- a/src/views/SessionView/SessionHeader.vue
+++ b/src/views/SessionView/SessionHeader.vue
@@ -11,7 +11,8 @@
             <loading-message message="Contacting coaches" />
           </template>
           <template v-else-if="isSessionInProgress">
-            <span class="volunteer-name">{{ sessionPartner.firstname }}</span><br />
+            <span class="volunteer-name">{{ sessionPartner.firstname }}</span
+            ><br />
             <template v-if="isSessionConnectionAlive">
               <span class="partner-status">
                 <template v-if="isSessionPartnerConnectionAlive">
@@ -101,7 +102,8 @@ export default {
       user: state => state.user.user,
       session: state => state.user.session,
       isSessionConnectionAlive: state => state.user.isSessionConnectionAlive,
-      isSessionPartnerConnectionAlive: state => state.user.isSessionPartnerConnectionAlive
+      isSessionPartnerConnectionAlive: state =>
+        state.user.isSessionPartnerConnectionAlive
     }),
     ...mapGetters({
       sessionPartner: "user/sessionPartner",