From 0f5e810e519142eab9b0a4573ec104c0652d20f4 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 12 Dec 2022 09:11:24 -0400
Subject: [PATCH] Fix suggested max

---
 web/src/views/WifiStats.vue | 35 +++++++++++++++++++++++++++++------
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/web/src/views/WifiStats.vue b/web/src/views/WifiStats.vue
index 48c7509..26a81cd 100644
--- a/web/src/views/WifiStats.vue
+++ b/web/src/views/WifiStats.vue
@@ -59,10 +59,8 @@
               <ClientsChart
                 :stats="subnet.stats"
                 :subnet="subnet"
-                :suggested-max0="maxClients > 300 ? maxClients : 300"
-                :suggested-max1="
-                  maxUsage > 100000000000 ? maxUsage : 100000000000
-                "
+                :suggested-max0="suggestedClientsMax"
+                :suggested-max1="suggestedUsageMax"
                 :height="130"
                 hide-labels
               />
@@ -107,7 +105,7 @@ export default {
   computed: {
     maxClients() {
       const maxClients = this.subnets?.reduce((max, subnet) => {
-        return Math.max(max, subnet.stats[0].clients)
+        return Math.max(max, this.subnetPeakClients(subnet))
       }, 0)
 
       return maxClients || 0
@@ -115,17 +113,42 @@ export default {
 
     maxUsage() {
       const maxUsage = this.subnets?.reduce((max, subnet) => {
-        return Math.max(max, subnet.stats[0].sumUsage)
+        return Math.max(max, this.subnetPeakUsage(subnet))
       }, 0)
 
       return maxUsage || 0
+    },
+
+    suggestedClientsMax() {
+      const upper100 = this.roundToUpper100(this.maxClients)
+
+      const MIN = 300
+
+      return upper100 > MIN ? upper100 : MIN
+    },
+
+    suggestedUsageMax() {
+      const upper100 = this.roundToUpper100(this.maxUsage)
+
+      const MIN = 1000000000
+
+      return upper100 > MIN ? upper100 : MIN
     }
   },
   methods: {
+    roundToUpper100(value) {
+      console.log(value)
+      return Math.ceil(value / 100) * 100
+    },
     subnetPeakClients(subnet) {
       return subnet.stats.reduce((max, stat) => {
         return Math.max(max, stat.clients)
       }, 0)
+    },
+    subnetPeakUsage(subnet) {
+      return subnet.stats.reduce((max, stat) => {
+        return Math.max(max, stat.sumUsage)
+      }, 0)
     }
   },
   apollo: {