From 2ed9b4bc1e845c661d75f3932afc92424d713a04 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Thu, 11 Apr 2024 20:29:01 -0400
Subject: [PATCH] Attempt at stats fix

---
 gui/src/components/grid/grid_active_stats.vue |  6 +--
 gui/src/js/eventHandler.js                    | 37 ++++++++++++-------
 2 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/gui/src/components/grid/grid_active_stats.vue b/gui/src/components/grid/grid_active_stats.vue
index 30e7b824..da7aad9c 100644
--- a/gui/src/components/grid/grid_active_stats.vue
+++ b/gui/src/components/grid/grid_active_stats.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 // reason for no check is, that we have some mixing of typescript and chart js which seems to be not to be fixed that easy
-import { ref, computed, onMounted, nextTick } from "vue";
+import { ref, computed, onMounted, nextTick, toRaw } from "vue";
 import { initWaterfall, setColormap } from "../../js/waterfallHandler.js";
 import { setActivePinia } from "pinia";
 import pinia from "../../store/index";
@@ -89,7 +89,7 @@ const transmissionSpeedChartData = computed(() => ({
     {
       type: "line",
       label: "SNR[dB]",
-      data: state.arq_speed_list_snr,
+      data: state.arq_speed_list_snr.value,
       borderColor: "rgb(75, 192, 192, 1.0)",
       pointRadius: 1,
       segment: {
@@ -106,7 +106,7 @@ const transmissionSpeedChartData = computed(() => ({
     {
       type: "bar",
       label: "Speed[bpm]",
-      data: state.arq_speed_list_bpm,
+      data: state.arq_speed_list_bpm.value,
       borderColor: "rgb(120, 100, 120, 1.0)",
       backgroundColor: "rgba(120, 100, 120, 0.2)",
       order: 0,
diff --git a/gui/src/js/eventHandler.js b/gui/src/js/eventHandler.js
index 25e56d38..dd95a156 100644
--- a/gui/src/js/eventHandler.js
+++ b/gui/src/js/eventHandler.js
@@ -7,6 +7,7 @@ import {
   setStateFailed,
 } from "./chatHandler";
 */
+import { toRaw } from "vue";
 import { displayToast } from "./popupHandler";
 import { getFreedataMessages, getModemState, getAudioDevices } from "./api";
 import { processFreedataMessages } from "./messagesHandler.ts";
@@ -178,12 +179,13 @@ export function eventDispatcher(data) {
               100;
             stateStore.arq_total_bytes =
               data["arq-transfer-outbound"].received_bytes;
-            stateStore.arq_speed_list_timestamp =
-              data["arq-transfer-outbound"].statistics.time_histogram;
-            stateStore.arq_speed_list_bpm =
-              data["arq-transfer-outbound"].statistics.bpm_histogram;
-            stateStore.arq_speed_list_snr =
-              data["arq-transfer-outbound"].statistics.snr_histogram;
+            stateStore.arq_speed_list_timestamp.value =
+              toRaw(data["arq-transfer-outbound"].statistics.time_histogram);
+            stateStore.arq_speed_list_bpm.value =
+              toRaw(data["arq-transfer-outbound"].statistics.bpm_histogram);
+            stateStore.arq_speed_list_snr.value =
+              toRaw(data["arq-transfer-outbound"].statistics.snr_histogram);
+              //console.log(toRaw(stateStore.arq_speed_list_timestamp.value));
             return;
 
           case "ABORTING":
@@ -226,13 +228,12 @@ export function eventDispatcher(data) {
             stateStore.dxcallsign = data["arq-transfer-inbound"].dxcall;
             stateStore.arq_transmission_percent = 0;
             stateStore.arq_total_bytes = 0;
-            stateStore.arq_speed_list_timestamp =
-              data["arq-transfer-inbound"].statistics.time_histogram;
-            stateStore.arq_speed_list_bpm =
-              data["arq-transfer-inbound"].statistics.bpm_histogram;
-            stateStore.arq_speed_list_snr =
-              data["arq-transfer-inbound"].statistics.snr_histogram;
-
+            //stateStore.arq_speed_list_timestamp =
+            //  [];
+            //stateStore.arq_speed_list_bpm =
+            //  [];
+            //stateStore.arq_speed_list_snr =
+            //  [];
             return;
 
           case "OPEN_ACK_SENT":
@@ -266,6 +267,16 @@ export function eventDispatcher(data) {
               100;
             stateStore.arq_total_bytes =
               data["arq-transfer-inbound"].received_bytes;
+              //console.log(data["arq-transfer-inbound"].statistics.time_histogram);
+            stateStore.arq_speed_list_timestamp.value =
+            toRaw(data["arq-transfer-inbound"].statistics.time_histogram);
+            stateStore.arq_speed_list_bpm.value =
+              toRaw(data["arq-transfer-inbound"].statistics.bpm_histogram);
+            stateStore.arq_speed_list_snr.value =
+              toRaw(data["arq-transfer-inbound"].statistics.snr_histogram);
+              console.log((stateStore.arq_speed_list_timestamp.value));
+              console.log((stateStore.arq_speed_list_bpm.value));
+              console.log((stateStore.arq_speed_list_snr.value));
             return;
 
           case "ENDED":