From 50c55d41b83b0277a04c4386f27fe9c72d166cda Mon Sep 17 00:00:00 2001
From: Carson <cpartee6@gmail.com>
Date: Thu, 12 Dec 2024 10:09:10 -0800
Subject: [PATCH] Add uma loading animation for sending payments (#14277)

https://github.com/user-attachments/assets/927a7bb7-1484-4b4d-ab78-e8002bc2c659

GitOrigin-RevId: 5ad980465107febc9c23f9d384fbffaaa23cbacd
---
 .../ui/src/icons/UmaPaymentLoadingSpinner.tsx | 31 +++++++++++++++++++
 packages/ui/src/icons/index.tsx               |  1 +
 2 files changed, 32 insertions(+)
 create mode 100644 packages/ui/src/icons/UmaPaymentLoadingSpinner.tsx

diff --git a/packages/ui/src/icons/UmaPaymentLoadingSpinner.tsx b/packages/ui/src/icons/UmaPaymentLoadingSpinner.tsx
new file mode 100644
index 00000000..b223ec46
--- /dev/null
+++ b/packages/ui/src/icons/UmaPaymentLoadingSpinner.tsx
@@ -0,0 +1,31 @@
+import { type PathProps } from "./types.js";
+
+export function UmaPaymentLoadingSpinner({
+  strokeWidth = "3",
+  strokeLinecap = "round",
+}: PathProps) {
+  return (
+    <svg
+      width="88"
+      height="88"
+      viewBox="0 0 88 88"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <ellipse
+        cx="43.9983"
+        cy="43.9994"
+        rx="38.4983"
+        ry="38.4994"
+        stroke="#EBEEF2"
+        strokeWidth={strokeWidth}
+      />
+      <path
+        d="M82.5072 43.9994C82.5072 37.9238 81.0693 31.9344 78.3111 26.521C75.5529 21.1076 71.5528 16.4239 66.6376 12.8527C61.7225 9.28158 56.032 6.92443 50.0314 5.974C44.0308 5.02356 37.8904 5.50683 32.1123 7.3843"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/index.tsx b/packages/ui/src/icons/index.tsx
index cd406627..3e984d5a 100644
--- a/packages/ui/src/icons/index.tsx
+++ b/packages/ui/src/icons/index.tsx
@@ -130,6 +130,7 @@ export { Trash } from "./Trash.js";
 export { Uma } from "./Uma.js";
 export { UmaBridgeLoading } from "./UmaBridgeLoading.js";
 export { UmaBridgeLoadingTransparent } from "./UmaBridgeLoadingTransparent.js";
+export { UmaPaymentLoadingSpinner } from "./UmaPaymentLoadingSpinner.js";
 export { Upload } from "./Upload.js";
 export { WalletSDKIcon } from "./WalletSDKIcon.js";
 export { WarningSign } from "./WarningSign.js";