Feat: add projecting in progress text (#42)

alexamy · Jul 11, 2024 · adc225e · adc225e
1 parent feccee5
commit adc225e
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/toolbar/TextureToolbar.tsx b/src/toolbar/TextureToolbar.tsx
@@ -2,6 +2,7 @@ import { useAppStore } from "@/store";
 import { PackDimensions, PackEntry } from "@/store/computed";
 import { Button } from "@/styles";
 import { styled } from "@macaron-css/solid";
+import { Show } from "solid-js";
 
 const Toolbar = styled("div", {
   base: {
@@ -21,8 +22,14 @@ const GapInputElement = styled("input", {
   },
 });
 
+const Warning = styled("div", {
+  base: {
+    fontStyle: "italic",
+  },
+});
+
 export function TextureToolbar() {
-  const [data] = useAppStore().computed;
+  const [data, isLoading] = useAppStore().computed;
 
   return (
     <Toolbar>
@@ -36,6 +43,9 @@ export function TextureToolbar() {
       >
         Download
       </Button>
+      <Show when={isLoading()}>
+        <Warning>Projecting...</Warning>
+      </Show>
     </Toolbar>
   );
 }