limit request list to 25 items (frontend config maxRequests)

julienbourdeau · Mar 31, 2024 · 664f2c1 · 664f2c1
1 parent 0a949e5
commit 664f2c1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/client/src/models/Config.ts b/client/src/models/Config.ts
@@ -12,6 +12,7 @@ export type DebugbarConfigOptions = {
     interval: number
   }
   height: number
+  maxRequests: number
 }
 
 export type DebugbarConfig = DebugbarConfigOptions & {
@@ -32,6 +33,7 @@ export function newDebugbarConfig(options: DebugbarConfigOptions) {
       interval: 500,
     },
     height: 360,
+    maxRequests: 25,
   } as DebugbarConfigOptions)
 
   obj.actionCableUrl = `${obj.cable.url}${obj.prefix}/cable`

diff --git a/client/src/stores/RequestsStore.ts b/client/src/stores/RequestsStore.ts
@@ -1,5 +1,6 @@
 import { defineStore } from "pinia"
 import { BackendRequest, BackendRequestData } from "@/models/Request.ts"
+import { useConfigStore } from "@/stores/configStore.ts"
 
 export let useRequestsStore = defineStore("requests", {
   state: () => {
@@ -20,6 +21,11 @@ export let useRequestsStore = defineStore("requests", {
         }
         ids.push(r.id)
       })
+
+      while (this.requests.length > useConfigStore().config.maxRequests) {
+        this.requests.shift()
+      }
+
       return ids
     },
     setCurrentRequestById(id: string) {
@@ -29,8 +35,5 @@ export let useRequestsStore = defineStore("requests", {
       this.requests = []
       this.currentRequest = null
     },
-    // removeRequest(request) {
-    //   this.requests.splice(this.requests.indexOf(request), 1)
-    // },
   },
 })