Add 2s animation delay to the loading spinner.

NearSocial · May 27, 2024 · 36c608d · 36c608d
1 parent 6047c6a
commit 36c608d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## Pending
+
+- Add 2s animation delay to the loading spinner. Makes it visually less jarring when loading is quick.
+
 ## 2.6.1
 
 - Add option to bypass the commit modal and skip transaction confirmation modal for all widgets (`features.commitModalBypass.bypassAll` and `features.bypassTransactionConfirmation`). This is intended to use by the gateways that expects external wallet to confirm all transactions.

diff --git a/dist/index.js b/dist/index.js
diff --git a/src/lib/data/utils.js b/src/lib/data/utils.js
@@ -24,6 +24,9 @@ export const ErrorScopes = {
 export const Loading = (
   <span
     className="spinner-grow spinner-grow-sm me-1"
+    style={{
+      animationDelay: "2s",
+    }}
     role="status"
     aria-hidden="true"
   />