problem: can't add product for sale

src/components/AddProductToRocket.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+	import { Rocket } from 'lucide-svelte';
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Label } from '$lib/components/ui/label/index.js';
+	import { ndk } from '@/ndk';
+	import Todo from './Todo.svelte';
+	import { currentUser } from '@/stores/session';
+	import { Terminal } from 'lucide-svelte';
+	import * as Alert from '@/components/ui/alert';
+	import type NDKSvelte from '@nostr-dev-kit/ndk-svelte';
+	import { NDKEvent } from '@nostr-dev-kit/ndk';
+	import { goto } from '$app/navigation';
+	import { base } from '$app/paths';
+	import { getRocketURL } from '@/helpers';
+
+    export let product:NDKEvent;
+    export let rocket:NDKEvent;
+
+    let price:number = 0;
+    let max:number = 0
+
+	function publish() {
+		if (!$ndk.signer) {
+			throw new Error('no ndk signer found');
+		}
+        rocket.ndk = $ndk
+		let author = $currentUser;
+		if (!author) {
+			throw new Error('no current user');
+		}
+        if (rocket.author.pubkey != author.pubkey) {
+            console.log(rocket.author, author)
+            throw new Error('you are not the creator of this rocket');
+        }
+        rocket.created_at = Math.floor(new Date().getTime() / 1000);
+        //todo validate d tag
+        rocket.tags.push(["product", `${product.id}:${price}:${rocket.created_at}:${max}`, "wss://relay.nostrocket.org", JSON.stringify([])])
+        rocket.publish().then((x)=>{
+            console.log(x)
+            goto(`${base}/rockets/${getRocketURL(rocket)}`)
+        })
+	}
+</script>
+
+<Dialog.Root>
+	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Make Available for Purchase</Dialog.Trigger>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Make this product available to customers</Dialog.Title>
+			{#if !currentUser}
+				<Alert.Root>
+					<Terminal class="h-4 w-4" />
+					<Alert.Title>Heads up!</Alert.Title>
+					<Alert.Description
+						>You need a nostr signing extension to use Nostrocket!</Alert.Description
+					>
+				</Alert.Root>
+			{/if}
+			<Dialog.Description>Choose a name for your new Rocket and click Publish</Dialog.Description>
+		</Dialog.Header>
+		<div class="grid gap-4 py-4">
+			<div class="grid grid-cols-4 items-center gap-4">
+				<Label for="price" class="text-right">Price</Label>
+				<Input bind:value={price} id="price" placeholder="Price in sats" class="col-span-3" />
+			</div>
+            <div class="grid grid-cols-4 items-center gap-4">
+				<Label for="max" class="text-right">Max Available</Label>
+				<Input bind:value={max} id="max" placeholder="Maximum number that can be sold" class="col-span-3" />
+			</div>
+		</div>
+		<Todo text={['validate input is a number']} />
+		<Dialog.Footer>
+			<Button on:click={()=>{publish()}} type="submit">Publish</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>

src/components/ProductCard.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import AddProductToRocket from './AddProductToRocket.svelte';
 	import { goto } from '$app/navigation';
 	import { base } from '$app/paths';
 	import { Button } from '$lib/components/ui/button/index.js';
@@ -8,6 +9,7 @@
 	import { ChevronRight } from 'lucide-svelte';
 
 	export let event: NDKEvent;
+	export let rocket:NDKEvent;
 	//$page.url.searchParams.get("tab")
 
 	function validate(event: NDKEvent): boolean {
@@ -46,11 +48,7 @@
 		<img src={event.getMatchingTags('cover')[0][1]} />
 		<Card.Content></Card.Content>
 		<Card.Footer class="flex justify-between">
-			<Button
-				on:click={() => {
-					goto(`${base}/rockets/${getRocketURL(event)}`);
-				}}>Make Available to Purchase<ChevronRight class="h-4 w-4" /></Button
-			>
+			<AddProductToRocket product={event} {rocket} />
 		</Card.Footer>
 	</Card.Root>
 {/if}