add zap

HumbleOSS · Jan 9, 2025 · 2c869ed · 2c869ed
1 parent c5c1cff
commit 2c869ed
Show file tree

Hide file tree

Showing 10 changed files with 978 additions and 12 deletions.
diff --git a/components/ZapButton.tsx b/components/ZapButton.tsx
@@ -0,0 +1,45 @@
+import { Modal, Button } from "components/ui";
+
+function ZapButton({ amount, recipient }) {
+  const [showConfirmModal, setShowConfirmModal] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setShowConfirmModal(true)}>
+        Zap {amount} sats
+      </Button>
+
+      <Modal
+        isOpen={showConfirmModal}
+        onClose={() => setShowConfirmModal(false)}
+        title="Confirm Zap"
+      >
+        <div className="space-y-4">
+          <div className="text-sm">
+            <p>You are about to zap:</p>
+            <p className="font-bold">{amount} sats</p>
+            <p>to:</p>
+            <p className="font-bold">{recipient}</p>
+          </div>
+
+          <div className="flex justify-end gap-2">
+            <Button
+              variant="outline"
+              onClick={() => setShowConfirmModal(false)}
+            >
+              Cancel
+            </Button>
+            <Button
+              onClick={() => {
+                handleZap();
+                setShowConfirmModal(false);
+              }}
+            >
+              Confirm Zap
+            </Button>
+          </div>
+        </div>
+      </Modal>
+    </>
+  );
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "lute-connect": "^1.4.1",
     "moment": "^2.30.1",
     "react": "^18.2.0",
+    "react-canvas-confetti": "^2.0.7",
     "react-confetti": "^6.1.0",
     "react-dom": "^18.2.0",
     "react-fast-marquee": "^1.6.4",
@@ -52,7 +53,7 @@
     "react-toastify": "^10.0.4",
     "react-use": "^17.5.1",
     "styled-components": "^6.1.8",
-    "ulujs": "^0.12.1",
+    "ulujs": "^0.12.2",
     "usehooks-ts": "^2.15.0"
   },
   "devDependencies": {