Avoid flickering when tablebase evaluation is loading (#390)

Co-authored-by: William Oprandi <william.oprandi@gmail.com>
franciscoBSalgueiro · Sep 15, 2024 · 986c0b8 · 986c0b8
1 parent 755bb42
commit 986c0b8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/panels/analysis/TablebaseInfo.tsx b/src/components/panels/analysis/TablebaseInfo.tsx
@@ -56,7 +56,11 @@ function TablebaseInfo({
           <Accordion.Control>
             <Group>
               <Text fw="bold">Tablebase</Text>
-              {isLoading && <Text ta="center">Loading...</Text>}
+              {isLoading && (
+                <Group p="xs">
+                  <Badge variant="transparent">Loading...</Badge>
+                </Group>
+              )}
               {error && <Text ta="center">Error: {error.message}</Text>}
               {data && (
                 <OutcomeBadge category={data.category} turn={turn} wins />