From 0d4666a951528e71210f232926cc3ad18fc92876 Mon Sep 17 00:00:00 2001
From: imxyy_soope_ <imxyy1soope1@gmail.com>
Date: Sun, 14 Dec 2025 12:06:39 +0800
Subject: [PATCH] feat(frontend): refine loading marker

---
 frontend/src/components/CommandQueue.tsx | 4 ++--
 frontend/src/components/RequestLogs.tsx  | 2 +-
 frontend/src/components/RulesList.tsx    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/CommandQueue.tsx b/frontend/src/components/CommandQueue.tsx
index 7bd03c4..629adbf 100644
--- a/frontend/src/components/CommandQueue.tsx
+++ b/frontend/src/components/CommandQueue.tsx
@@ -4,7 +4,7 @@ import { Button } from "./ui/Button";
 import { Card } from "./ui/Card";
 
 const CommandQueue: Component = () => {
-  const [commands, { refetch }] = createResource(commandsApi.list);
+  const [commands, { refetch }] = createResource("unverified", commandsApi.list);
 
   const updateCommandStatus = async (id: number, status: string) => {
     try {
@@ -25,7 +25,7 @@ const CommandQueue: Component = () => {
       <h2 class="text-2xl font-semibold">Command Queue</h2>
 
       <Card>
-        <Show when={!commands.loading} fallback={<div class="p-4">Loading...</div>}>
+        <Show when={!commands.loading} fallback={<div class="p-8 text-center text-gray-500">Loading...</div>}>
           <For
             each={commands()}
             fallback={<div class="p-8 text-center text-gray-500">No commands in queue</div>}
diff --git a/frontend/src/components/RequestLogs.tsx b/frontend/src/components/RequestLogs.tsx
index 11aca4d..2f0a66e 100644
--- a/frontend/src/components/RequestLogs.tsx
+++ b/frontend/src/components/RequestLogs.tsx
@@ -124,7 +124,7 @@ const RequestLogs: Component = () => {
                   when={!logsData.loading}
                   fallback={
                     <tr>
-                      <td colspan="3" class="text-center py-4">
+                      <td colspan="3" class="p-8 text-center text-gray-500">
                         Loading...
                       </td>
                     </tr>
diff --git a/frontend/src/components/RulesList.tsx b/frontend/src/components/RulesList.tsx
index 285a640..44bed18 100644
--- a/frontend/src/components/RulesList.tsx
+++ b/frontend/src/components/RulesList.tsx
@@ -181,7 +181,7 @@ const RulesList: Component = () => {
                 when={!rules.loading}
                 fallback={
                   <tr>
-                    <td colspan="4" class="text-center py-4">
+                    <td colspan="4" class="p-8 text-center text-gray-500">
                       Loading...
                     </td>
                   </tr>