funcodingdev
diff --git a/‎web/components/MessageThreadHeader.vue‎
Lines changed: 9 additions & 1 deletion b/‎web/components/MessageThreadHeader.vue‎
Lines changed: 9 additions & 1 deletion
diff --git a/‎web/models/heartbeat.ts‎
Lines changed: 1 addition & 0 deletions b/‎web/models/heartbeat.ts‎
Lines changed: 1 addition & 0 deletions
@@ -54,7 +54,13 @@
               icon
               v-on="on"
             >
-              <v-icon x-small>{{ mdiCircle }}</v-icon>
+              <v-icon
+                v-if="$store.getters.getHeartbeat.charging"
+                small
+                class="mt-n1"
+                >{{ mdiBatteryCharging }}</v-icon
+              >
+              <v-icon v-else x-small>{{ mdiCircle }}</v-icon>
             </v-btn>
           </template>
           <h4>Last Heartbeat</h4>
@@ -201,6 +207,7 @@ import {
   mdiLogout,
   mdiDownload,
   mdiFinance,
+  mdiBatteryChargingHigh,
   mdiPackageUp,
   mdiPackageDown,
   mdiDotsVertical,
@@ -223,6 +230,7 @@ export default class MessageThreadHeader extends Vue {
   mdiPackageDown = mdiPackageDown
   mdiDotsVertical = mdiDotsVertical
   mdiCircle = mdiCircle
+  mdiBatteryCharging = mdiBatteryChargingHigh
 
   get owners(): Array<SelectItem> {
     return this.$store.getters.getPhones.map(
 
@@ -1,5 +1,6 @@
 export interface Heartbeat {
   id: string
   owner: string
+  charging: boolean
   timestamp: string
 }
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`export interface Heartbeat {`
`2`	`2`	`id: string`
`3`	`3`	`owner: string`
	`4`	`+ charging: boolean`
`4`	`5`	`timestamp: string`
`5`	`6`	`}`