From 77e513e3f76a94eb933412f2a911e565e3950d31 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Sat, 6 Jul 2024 14:28:09 +0800
Subject: [PATCH] problem: product layour is shitty

---
 src/components/ProductCard.svelte          | 55 +++++++++++++++++-----
 src/routes/rockets/[ignition]/+page.svelte |  2 +-
 2 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/src/components/ProductCard.svelte b/src/components/ProductCard.svelte
index 32bb5ae..c90b168 100644
--- a/src/components/ProductCard.svelte
+++ b/src/components/ProductCard.svelte
@@ -8,18 +8,49 @@
 	import { ChevronRight } from 'lucide-svelte';
 
 	export let event: NDKEvent;
-    //$page.url.searchParams.get("tab")
+	//$page.url.searchParams.get("tab")
 
+	function validate(event: NDKEvent): boolean {
+		let test = 0;
+		if (
+			event.getMatchingTags('name') &&
+			event.getMatchingTags('name')[0] &&
+			event.getMatchingTags('name')[0][1]
+		) {
+			test++;
+		}
+		if (
+			event.getMatchingTags('description') &&
+			event.getMatchingTags('description')[0] &&
+			event.getMatchingTags('description')[0][1]
+		) {
+			test++;
+		}
+		if (
+			event.getMatchingTags('cover') &&
+			event.getMatchingTags('cover')[0] &&
+			event.getMatchingTags('cover')[0][1]
+		) {
+			test++;
+		}
+		return test == 3;
+	}
 </script>
 
-<Card.Root class="w-[350px]">
-	<Card.Header>
-		<Card.Title>{event.getMatchingTags('name')[0][1]}</Card.Title>
-		<Card.Description>{getMission(event)}</Card.Description>
-	</Card.Header>
-	<Card.Content></Card.Content>
-	<Card.Footer class="flex justify-between">
-        <Button on:click={()=>{console.log(event.rawEvent())}} variant="outline">Print to Console</Button>
-		<Button on:click={()=>{goto(`${base}/rockets/${getRocketURL(event)}`)}}>View Full Rocket<ChevronRight class="h-4 w-4" /></Button>
-	</Card.Footer>
-</Card.Root>
+{#if validate(event)}
+	<Card.Root class="w-[350px] m-2">
+		<Card.Header>
+			<Card.Title>{event.getMatchingTags('name')[0][1]}</Card.Title>
+			<Card.Description>{event.getMatchingTags('description')[0][1]}</Card.Description>
+		</Card.Header>
+		<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
+			>
+		</Card.Footer>
+	</Card.Root>
+{/if}
diff --git a/src/routes/rockets/[ignition]/+page.svelte b/src/routes/rockets/[ignition]/+page.svelte
index 3b2cb7e..346b198 100644
--- a/src/routes/rockets/[ignition]/+page.svelte
+++ b/src/routes/rockets/[ignition]/+page.svelte
@@ -79,7 +79,7 @@
 		]}
 	/>
     {#if candidateProducts && $candidateProducts}
-    <Subheading title="Products" />
+    <Subheading title="Product Candidates" />
     <CreateNewProduct rocketEvent={$latestRocketEvent} />
     {#each $candidateProducts as r}<ProductCard event={r} />{/each}
     {/if}