update: hide claimed wishlists when no wishlists are claimed

src/lib/i18n/translations/da.ts

@@ -20,6 +20,8 @@ export const da: Translation = {
 		copyLink: 'Kopiér Link',
 		viewWishlist: 'Se Ønskeliste',
 		unsave: 'Fjern',
+		unclaim: 'Fjern Ejerskab',
+		delete: 'Slet',
 		emptyWishlists: 'Du har ikke oprettet nogen ønskelister endnu.',
 		emptyWishlistsAction: 'Opret Din Første Ønskeliste',
 		emptyClaimedWishlists: 'Du har ikke taget ejerskab af nogen ønskelister endnu.',

src/lib/i18n/translations/en.ts

@@ -17,6 +17,8 @@ export const en = {
 		copyLink: 'Copy Link',
 		viewWishlist: 'View Wishlist',
 		unsave: 'Unsave',
+		unclaim: 'Unclaim',
+		delete: 'Delete',
 		emptyWishlists: "You haven't created any wishlists yet.",
 		emptyWishlistsAction: 'Create Your First Wishlist',
 		emptyClaimedWishlists: "You haven't claimed any wishlists yet.",

src/routes/dashboard/+page.server.ts

@@ -119,6 +119,29 @@ export const actions: Actions = {
 				eq(savedWishlists.userId, session.user.id)
 			));
 
+		return { success: true };
+	},
+
+	deleteWishlist: async ({ request, locals }) => {
+		const session = await locals.auth();
+		if (!session?.user?.id) {
+			throw redirect(303, '/signin');
+		}
+
+		const formData = await request.formData();
+		const wishlistId = formData.get('wishlistId') as string;
+
+		if (!wishlistId) {
+			return { success: false, error: 'Wishlist ID is required' };
+		}
+
+		// Verify the user owns this wishlist
+		await db.delete(wishlists)
+			.where(and(
+				eq(wishlists.id, wishlistId),
+				eq(wishlists.userId, session.user.id)
+			));
+
 		return { success: true };
 	}
 };

src/routes/dashboard/+page.svelte

@@ -216,6 +216,19 @@
 					>
 						{t.dashboard.copyLink}
 					</Button>
+					{#if myWishlistsUnlocked}
+						<!-- Add delete button for owned wishlists when unlocked -->
+						<form method="POST" action="?/deleteWishlist" use:enhance={() => {
+							return async ({ update }) => {
+								await update({ reset: false });
+							};
+						}}>
+							<input type="hidden" name="wishlistId" value={wishlist.id} />
+							<Button type="submit" size="sm" variant="destructive">
+								{t.dashboard.delete}
+							</Button>
+						</form>
+					{/if}
 				</div>
 			</WishlistCard>
 		{/snippet}
@@ -287,7 +300,7 @@
 							}}>
 								<input type="hidden" name="savedWishlistId" value={wishlist.savedId} />
 								<Button type="submit" size="sm" variant="destructive">
-									{t.dashboard.unsave}
+									{t.dashboard.unclaim}
 								</Button>
 							</form>
 						{/if}