Connect Your Lightning Wallet
diff --git a/src/components/profile/subscription/LightningAddressForm.js b/src/components/profile/subscription/LightningAddressForm.js
new file mode 100644
index 0000000..3259159
--- /dev/null
+++ b/src/components/profile/subscription/LightningAddressForm.js
@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Dialog } from 'primereact/dialog';
+import axios from 'axios';
+import { useSession } from 'next-auth/react';
+import { useToast } from '@/hooks/useToast';
+import { InputText } from 'primereact/inputtext';
+import { ProgressSpinner } from 'primereact/progressspinner';
+import GenericButton from '@/components/buttons/GenericButton';
+
+const LightningAddressForm = ({ visible, onHide }) => {
+ const [isProcessing, setIsProcessing] = useState(false);
+ const [existingLightningAddress, setExistingLightningAddress] = useState(null);
+ const [name, setName] = useState('');
+ const [description, setDescription] = useState('');
+ const [maxSendable, setMaxSendable] = useState(10000000);
+ const [minSendable, setMinSendable] = useState(1);
+ const [invoiceMacaroon, setInvoiceMacaroon] = useState('');
+ const [lndCert, setLndCert] = useState('');
+ const [lndHost, setLndHost] = useState('');
+ const [lndPort, setLndPort] = useState('8080');
+
+ const { data: session, update } = useSession();
+ const { showToast } = useToast();
+
+ useEffect(() => {
+ if (session && session?.user && !session?.user?.lightningAddress) {
+ setName(session.user.name || '');
+ } else if (session && session?.user && session?.user?.lightningAddress) {
+ setExistingLightningAddress(session.user.lightningAddress);
+ setName(session.user.lightningAddress.name || '');
+ setDescription(session.user.lightningAddress.description || '');
+ setMaxSendable(session.user.lightningAddress.maxSendable || 10000000);
+ setMinSendable(session.user.lightningAddress.minSendable || 1);
+ setInvoiceMacaroon(session.user.lightningAddress.invoiceMacaroon || '');
+ setLndCert(session.user.lightningAddress.lndCert || '');
+ setLndHost(session.user.lightningAddress.lndHost || '');
+ setLndPort(session.user.lightningAddress.lndPort || '8080');
+ }
+ }, [session]);
+
+ const handleLightningAddress = async () => {
+ setIsProcessing(true);
+ try {
+ let response;
+ const lowercaseName = name.toLowerCase();
+ if (existingLightningAddress) {
+ response = await axios.put(`/api/users/${session.user.id}/lightning-address`, { name: lowercaseName, description, maxSendable, minSendable, invoiceMacaroon, lndCert, lndHost, lndPort });
+ } else {
+ response = await axios.post(`/api/users/${session.user.id}/lightning-address`, { name: lowercaseName, description, maxSendable, minSendable, invoiceMacaroon, lndCert, lndHost, lndPort });
+ }
+ if (!existingLightningAddress && response.status === 201) {
+ showToast('success', 'Lightning Address Claimed', 'Your Lightning Address has been claimed');
+ update();
+ onHide();
+ } else if (existingLightningAddress && response.status === 200) {
+ showToast('success', 'Lightning Address updated', 'Your Lightning Address has been updated');
+ update();
+ onHide();
+ } else {
+ showToast('error', 'Error updating Lightning Address', response.data.error);
+ }
+ } catch (error) {
+ console.error('Error claiming Lightning Address:', error);
+ showToast('error', 'Error claiming Lightning Address', error.message);
+ setIsProcessing(false);
+ }
+ };
+
+ const deleteLightningAddress = async () => {
+ setIsProcessing(true);
+ try {
+ const response = await axios.delete(`/api/users/${session.user.id}/lightning-address`);
+ if (response.status === 204) {
+ showToast('success', 'Lightning Address deleted', 'Your Lightning Address has been deleted');
+ update();
+ onHide();
+ } else {
+ showToast('error', 'Error deleting Lightning Address', response.data.error);
+ }
+ } catch (error) {
+ console.error('Error deleting Lightning Address:', error);
+ showToast('error', 'Error deleting Lightning Address', error.message);
+ setIsProcessing(false);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default LightningAddressForm;
diff --git a/src/components/profile/subscription/Nip05Form.js b/src/components/profile/subscription/Nip05Form.js
new file mode 100644
index 0000000..c96be9f
--- /dev/null
+++ b/src/components/profile/subscription/Nip05Form.js
@@ -0,0 +1,102 @@
+import React, { useState, useEffect } from 'react';
+import { Dialog } from 'primereact/dialog';
+import axios from 'axios';
+import { useSession } from 'next-auth/react';
+import { useToast } from '@/hooks/useToast';
+import { InputText } from 'primereact/inputtext';
+import { ProgressSpinner } from 'primereact/progressspinner';
+import GenericButton from '@/components/buttons/GenericButton';
+
+const Nip05Form = ({ visible, onHide }) => {
+ const [isProcessing, setIsProcessing] = useState(false);
+ const [existingNip05, setExistingNip05] = useState(null);
+ const [pubkey, setPubkey] = useState('');
+ const [name, setName] = useState('');
+
+ const { data: session, update } = useSession();
+ const { showToast } = useToast();
+
+ useEffect(() => {
+ if (session && session?.user && !session?.user?.nip05) {
+ setPubkey(session.user.pubkey || '');
+ setName(session.user.name || '');
+ } else if (session && session?.user && session?.user?.nip05) {
+ setExistingNip05(session.user.nip05);
+ setPubkey(session.user.nip05.pubkey || '');
+ setName(session.user.nip05.name || '');
+ }
+ }, [session]);
+
+ const handleNip05 = async () => {
+ setIsProcessing(true);
+ try {
+ let response;
+ const lowercaseName = name.toLowerCase();
+ if (existingNip05) {
+ response = await axios.put(`/api/users/${session.user.id}/nip05`, { pubkey, name: lowercaseName });
+ } else {
+ response = await axios.post(`/api/users/${session.user.id}/nip05`, { pubkey, name: lowercaseName });
+ }
+ if (existingNip05 && response.status === 201) {
+ showToast('success', 'NIP-05 Claimed', 'Your NIP-05 has been claimed');
+ update();
+ onHide();
+ } else if (response.status === 200) {
+ showToast('success', 'NIP-05 updated', 'Your NIP-05 has been updated');
+ update();
+ onHide();
+ } else {
+ showToast('error', 'Error updating NIP-05', response.data.error);
+ }
+ } catch (error) {
+ console.error('Error claiming NIP-05:', error);
+ showToast('error', 'Error claiming NIP-05', error.message);
+ setIsProcessing(false);
+ }
+ };
+
+ const deleteNip05 = async () => {
+ setIsProcessing(true);
+ try {
+ const response = await axios.delete(`/api/users/${session.user.id}/nip05`);
+ if (response.status === 204) {
+ showToast('success', 'NIP-05 deleted', 'Your NIP-05 has been deleted');
+ update();
+ onHide();
+ } else {
+ showToast('error', 'Error deleting NIP-05', response.data.error);
+ }
+ } catch (error) {
+ console.error('Error deleting NIP-05:', error);
+ showToast('error', 'Error deleting NIP-05', error.message);
+ setIsProcessing(false);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default Nip05Form;
\ No newline at end of file
diff --git a/src/components/profile/subscription/SubscribeModal.js b/src/components/profile/subscription/SubscribeModal.js
index 377781a..11e8e21 100644
--- a/src/components/profile/subscription/SubscribeModal.js
+++ b/src/components/profile/subscription/SubscribeModal.js
@@ -13,6 +13,8 @@ import { Menu } from "primereact/menu";
import { Message } from "primereact/message";
import CancelSubscription from '@/components/profile/subscription/CancelSubscription';
import CalendlyEmbed from '@/components/profile/subscription/CalendlyEmbed';
+import Nip05Form from '@/components/profile/subscription/Nip05Form';
+import LightningAddressForm from '@/components/profile/subscription/LightningAddressForm';
import NostrIcon from '../../../../public/images/nostr.png';
import Image from 'next/image';
import RenewSubscription from '@/components/profile/subscription/RenewSubscription';
@@ -27,6 +29,8 @@ const SubscribeModal = ({ user }) => {
const [subscribedUntil, setSubscribedUntil] = useState(null);
const [subscriptionExpiredAt, setSubscriptionExpiredAt] = useState(null);
const [calendlyVisible, setCalendlyVisible] = useState(false);
+ const [lightningAddressVisible, setLightningAddressVisible] = useState(false);
+ const [nip05Visible, setNip05Visible] = useState(false);
const menu = useRef(null);
const [cancelSubscriptionVisible, setCancelSubscriptionVisible] = useState(false);
const [renewSubscriptionVisible, setRenewSubscriptionVisible] = useState(false);
@@ -92,13 +96,6 @@ const SubscribeModal = ({ user }) => {
}
const menuItems = [
- {
- label: "Renew Subscription",
- icon: "pi pi-bolt",
- command: () => {
- setRenewSubscriptionVisible(true);
- },
- },
{
label: "Schedule 1:1",
icon: "pi pi-calendar",
@@ -106,6 +103,27 @@ const SubscribeModal = ({ user }) => {
setCalendlyVisible(true);
},
},
+ {
+ label: session?.user?.lightningAddress ? "Update PlebDevs Lightning Address" : "Claim PlebDevs Lightning Address",
+ icon: "pi pi-bolt",
+ command: () => {
+ setLightningAddressVisible(true);
+ },
+ },
+ {
+ label: session?.user?.nip05 ? "Update PlebDevs Nostr NIP-05" : "Claim PlebDevs Nostr NIP-05",
+ icon: "pi pi-at",
+ command: () => {
+ setNip05Visible(true);
+ },
+ },
+ {
+ label: "Renew Subscription",
+ icon: "pi pi-sync",
+ command: () => {
+ setRenewSubscriptionVisible(true);
+ },
+ },
{
label: "Cancel Subscription",
icon: "pi pi-trash",
@@ -121,10 +139,10 @@ const SubscribeModal = ({ user }) => {
{subscribed && (
menu.current.toggle(e)}
+ onClick={(e) => menu.current.toggle(e)}
>
)}
-
+
);
@@ -190,7 +208,7 @@ const SubscribeModal = ({ user }) => {