From de6e551cdb125547f43fb611eb692d6aa5f9f715 Mon Sep 17 00:00:00 2001 From: t0ng7u Date: Tue, 24 Jun 2025 05:20:54 +0800 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20fix:=20ensure=20table=20shows=20cor?= =?UTF-8?q?rect=20loading=20state=20on=20first=20render=20&=20during=20sea?= =?UTF-8?q?rch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Frontend (`ChannelsTable.js`) 1. Initialize `loading` state to `true` so the spinner is visible while the first data request is in-flight. 2. Set `` prop `loading={loading || searching}` — the spinner now appears for both the initial load and any subsequent search requests. Result Users immediately see a loading indicator on page entry and whenever a search is running, improving perceived responsiveness. --- web/src/components/table/ChannelsTable.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/src/components/table/ChannelsTable.js b/web/src/components/table/ChannelsTable.js index 572e495f..5045307a 100644 --- a/web/src/components/table/ChannelsTable.js +++ b/web/src/components/table/ChannelsTable.js @@ -1876,7 +1876,7 @@ const ChannelsTable = () => { } className="rounded-xl overflow-hidden" size="middle" - loading={loading} + loading={loading || searching} />