enh(spu-ui): update Console component layout and add loading indicator

cnpem · Jan 9, 2025 · e14a091 · e14a091
1 parent eff8909
commit e14a091
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/apps/spu-ui/src/app/_components/console.tsx b/apps/spu-ui/src/app/_components/console.tsx
@@ -52,15 +52,13 @@ export function Console({ className }: { className?: string }) {
         onExport={handleExport}
       />
 
-      <ScrollArea className="h-full w-full p-2 font-mono text-sm" ref={ref}>
-        {(!messages || messages.length === 0) && (
-          <span className="text-muted-foreground">
-            Waiting for new messages...
-          </span>
-        )}
+      <ScrollArea className="h-[94%] w-full p-2 font-mono text-sm" ref={ref}>
         {messages?.map((message, i) => (
           <ConsoleMessage key={i} message={message} />
         ))}
+        <span className="text-center text-muted-foreground">
+          $<span className="animate-pulse">{" \u2588"}</span>
+        </span>
       </ScrollArea>
     </div>
   );