style: add hourglass

PolkaGate · Dec 8, 2024 · 6bc1d9b · 6bc1d9b
1 parent eadedc4
commit 6bc1d9b
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 10 deletions.
diff --git a/packages/snap/snap.manifest.json b/packages/snap/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/polkagate/snap.git"
   },
   "source": {
-    "shasum": "RLbpFL70qJQgl5MUKNoO1M87+mp1UO35JBWBQkFuRCE=",
+    "shasum": "GU6RLcGmf1Uq1//QEReWytGF37ZyMct/wq4kntcQ+VY=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

diff --git a/packages/snap/src/ui/image/icons/hourglass.svg b/packages/snap/src/ui/image/icons/hourglass.svg
diff --git a/packages/snap/src/ui/image/icons/index.tsx b/packages/snap/src/ui/image/icons/index.tsx
@@ -14,4 +14,5 @@ export { default as book } from './book.svg'
 export { default as webSite } from './webSite.svg'
 export { default as email } from './email.svg'
 export { default as youtube } from './youtube.svg'
-export { default as success } from './success.svg'
+export { default as success } from './success.svg'
+export { default as hourglass } from './hourglass.svg'
diff --git a/packages/snap/src/ui/showSpinner.tsx b/packages/snap/src/ui/showSpinner.tsx
@@ -1,4 +1,5 @@
-import { Box, Icon, Spinner, Text } from "@metamask/snaps-sdk/jsx";
+import { Box, Icon, Image, Spinner, Text } from "@metamask/snaps-sdk/jsx";
+import { hourglass } from "./image/icons";
 /**
  * Show an spinner while processing.
  *
@@ -19,14 +20,11 @@ export const ui = (label?: string) => {
 
   return (
     <Box direction="vertical" alignment="center" center>
+      <Image src={hourglass} />
+      <Text alignment="center">
+        {label || 'Processing, Please Wait!'}
+      </Text>
       <Spinner />
-      <Box direction="horizontal" alignment="center" center>
-        <Icon name="loading" size="md" color='muted'/>
-        <Text alignment="center">
-          {label || 'Processing, Please Wait!'}
-        </Text>
-      </Box>
     </Box>
-
   );
 };