From 553483b83a9e59dd6864bb111e2d508e5d1a5ddb Mon Sep 17 00:00:00 2001
From: SnowCait <SnowCait@users.noreply.github.com>
Date: Sun, 8 Oct 2023 12:13:26 +0900
Subject: [PATCH] Refactor zap

---
 web/src/routes/ZapDialog.svelte     | 36 ++++++++++++++---------------
 web/src/routes/timeline/Note.svelte |  7 +++---
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/web/src/routes/ZapDialog.svelte b/web/src/routes/ZapDialog.svelte
index 7c512d91e..d85d30f50 100644
--- a/web/src/routes/ZapDialog.svelte
+++ b/web/src/routes/ZapDialog.svelte
@@ -1,21 +1,19 @@
 <script lang="ts">
-	import { nip57, type Event } from 'nostr-tools';
+	import { nip57 } from 'nostr-tools';
 	import QRCode from 'qrcode';
-	import { readRelays, writeRelays } from '../stores/Author';
-	import { createEventDispatcher, onMount } from 'svelte';
+	import { writeRelays } from '../stores/Author';
+	import { createEventDispatcher } from 'svelte';
 	import { Signer } from '$lib/Signer';
 	import type { User } from './types';
-	import { Api } from '$lib/Api';
-	import { pool } from '../stores/Pool';
+	import type { EventItem } from '$lib/Items';
 
-	export let event: Event;
+	export let eventItem: EventItem;
 
 	export function openZapDialog() {
 		console.log('[zap open]');
 		dialog.showModal();
 	}
 
-	let user: User | undefined;
 	let sats = 50;
 	let zapComment = '';
 	let invoice = '';
@@ -23,27 +21,25 @@
 
 	const dispatch = createEventDispatcher();
 
-	onMount(() => {
-		const api = new Api($pool, $readRelays);
-		api.fetchUserEvent(event.pubkey).then((userEvent) => {
-			user = userEvent?.user;
-		});
-	});
-
 	async function zap() {
 		const amount = sats * 1000;
 		const zapRequest = nip57.makeZapRequest({
-			profile: event.pubkey,
-			event: event.id,
+			profile: eventItem.event.pubkey,
+			event: eventItem.event.id,
 			amount,
 			comment: zapComment,
 			relays: $writeRelays
 		});
 		const zapRequestEvent = await Signer.signEvent(zapRequest);
-		console.log('[zap request]', zapRequestEvent, user);
+		console.log('[zap request]', zapRequestEvent, eventItem.metadata?.content);
 		const encoded = encodeURI(JSON.stringify(zapRequestEvent));
 
-		const url = `${user?.zapEndpoint}?amount=${amount}&nostr=${encoded}`;
+		const zapUrl = (await eventItem.metadata?.zapUrl()) ?? null;
+		if (zapUrl === null) {
+			console.error('[zap url not found]', eventItem.metadata?.content?.lud16);
+			return;
+		}
+		const url = `${zapUrl.href}?amount=${amount}&nostr=${encoded}`;
 		console.log('[zap url]', url);
 
 		const response = await fetch(url);
@@ -71,7 +67,9 @@
 <dialog bind:this={dialog} on:click={closeZapDialog}>
 	<div class="zap-dialog">
 		{#if invoice === ''}
-			<div>@{user?.name ?? user?.display_name}</div>
+			<div>
+				@{eventItem.metadata?.content?.name ?? eventItem.metadata?.content?.display_name}
+			</div>
 			<form on:submit|preventDefault={zap}>
 				<div>
 					<input
diff --git a/web/src/routes/timeline/Note.svelte b/web/src/routes/timeline/Note.svelte
index b5ff5b9c5..e2ebb0f86 100644
--- a/web/src/routes/timeline/Note.svelte
+++ b/web/src/routes/timeline/Note.svelte
@@ -20,7 +20,7 @@
 	import { rom } from '../../stores/Author';
 	import CreatedAt from '../CreatedAt.svelte';
 	import { Api } from '$lib/Api';
-	import { getContext, onMount } from 'svelte';
+	import { onMount } from 'svelte';
 	import ZapDialog from '../ZapDialog.svelte';
 	import Content from '../content/Content.svelte';
 	import { Signer } from '$lib/Signer';
@@ -36,7 +36,8 @@
 	export let createdAtFormat: 'auto' | 'time' = 'auto';
 	export let full = false;
 
-	$: metadata = (item as EventItem).metadata;
+	$: eventItem = item as EventItem;
+	$: metadata = eventItem.metadata;
 
 	if ($rom) {
 		readonly = true;
@@ -273,7 +274,7 @@
 </script>
 
 <article class="timeline-item">
-	<ZapDialog event={item.event} bind:this={zapDialogComponent} on:zapped={onZapped} />
+	<ZapDialog {eventItem} bind:this={zapDialogComponent} on:zapped={onZapped} />
 	<div>
 		<a href="/{nip19.npubEncode(item.event.pubkey)}">
 			<img class="picture" src={metadata?.content?.picture} alt="" />