From c1db2c0c3ef7aa3237725f419bc00ee2b5a3d2b4 Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Thu, 23 Feb 2023 14:33:15 +0000
Subject: [PATCH] add debounce for search
---
.../builder/portal/account/auditLogs/index.svelte | 13 +++++++++++--
packages/frontend-core/src/api/auditLogs.js | 2 +-
2 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/packages/builder/src/pages/builder/portal/account/auditLogs/index.svelte b/packages/builder/src/pages/builder/portal/account/auditLogs/index.svelte
index 0077acdd50..2898189fda 100644
--- a/packages/builder/src/pages/builder/portal/account/auditLogs/index.svelte
+++ b/packages/builder/src/pages/builder/portal/account/auditLogs/index.svelte
@@ -27,6 +27,7 @@
import TimeRenderer from "./_components/TimeRenderer.svelte"
import AppColumnRenderer from "./_components/AppColumnRenderer.svelte"
import { cloneDeep } from "lodash"
+ import { Utils } from "@budibase/frontend-core"
const schema = {
date: { width: "0.8fr" },
@@ -68,7 +69,7 @@
let selectedLog
let sidePanelVisible = false
let wideSidePanel = false
-
+ let timer
let startDate = new Date()
startDate.setDate(startDate.getDate() - 30)
let endDate = new Date()
@@ -89,6 +90,14 @@
$: enrichedList = enrich($users.data || [], selectedUsers)
$: sortedList = sort(enrichedList)
+ const debounce = value => {
+ console.log(value)
+ clearTimeout(timer)
+ timer = setTimeout(() => {
+ logSearchTerm = value
+ }, 400)
+ }
+
const fetchUsers = async (userPage, search) => {
if ($userPageInfo.loading) {
return
@@ -286,7 +295,7 @@
/>
</div>
<div class="freeSearch">
- <Search placeholder="Search" bind:value={logSearchTerm} />
+ <Search placeholder="Search" on:change={e => debounce(e.detail)} />
</div>
<div class="">
diff --git a/packages/frontend-core/src/api/auditLogs.js b/packages/frontend-core/src/api/auditLogs.js
index b8ad16a722..c4230df6d9 100644
--- a/packages/frontend-core/src/api/auditLogs.js
+++ b/packages/frontend-core/src/api/auditLogs.js
@@ -35,7 +35,7 @@ const buildOpts = ({
if (appIds.length) {
opts.appIds = appIds
}
- console.log(opts)
+
return opts
}