From f28f2caec50a805f93e39df04e84a61c4cf24763 Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Fri, 13 Jun 2025 17:10:09 +0530
Subject: [PATCH 1/3] you can now delete and rename deaks!

---
 src/routes/flashcards/editCards.svelte | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/routes/flashcards/editCards.svelte b/src/routes/flashcards/editCards.svelte
index 8a73dfc..4dbe14f 100644
--- a/src/routes/flashcards/editCards.svelte
+++ b/src/routes/flashcards/editCards.svelte
@@ -26,6 +26,13 @@
 			</select>
 		</div>
 
+		<div class="mb-2">
+			<label for="NameOfthisDeck" class="text-lg leading-0.5 text-gray-500">
+				Name Of this Deck?
+			</label>
+			<input type="text" class="input mt-1" bind:value={deck[CurrentlyEditingDeckId].deckName} id="NameOfthisDeck" />
+		</div>
+
 		<div class="flex w-full gap-2 text-3xl">
 			<span class="flex-1">Question</span>
 			<span class="flex-1">Answer</span>
@@ -51,6 +58,19 @@
 		{/each}
 	</div>
 	<div class="flex gap-3">
+		<button
+			onclick={() => {
+				if (confirm("Are you sure you want to delete this deck?")) {
+					deck.splice(CurrentlyEditingDeckId, 1);
+					CurrentlyEditingDeckId = Math.max(0, CurrentlyEditingDeckId - 1);
+					toast.success("Deck deleted successfully");
+				}
+			}}
+			class="btn"
+		>
+			<i class="nf nf-md-layers_remove"></i>
+			Delete this Deck
+		</button>
 		<button
 			onclick={() => {
 				deck[CurrentlyEditingDeckId].cards.push({ Q: "", a: "" });

From 2e09e54b18526fb86f879f7de358b94e382988c3 Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Fri, 13 Jun 2025 17:25:05 +0530
Subject: [PATCH 2/3] you can now add decks in flashcards!

---
 src/routes/flashcards/editCards.svelte | 32 ++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/routes/flashcards/editCards.svelte b/src/routes/flashcards/editCards.svelte
index 4dbe14f..ed87239 100644
--- a/src/routes/flashcards/editCards.svelte
+++ b/src/routes/flashcards/editCards.svelte
@@ -11,6 +11,8 @@
 	let CurrentlyEditingDeckId = $state(0);
 
 	let deck = $state($state.snapshot(StorageDeck).v);
+
+	let DeckOptions;
 </script>
 
 <div class="flex flex-col items-center gap-7 rounded border-2 bg-zinc-800 p-3">
@@ -19,10 +21,30 @@
 			<label for="SelectOneDeckToEdit" class="text-lg leading-0.5 text-gray-500">
 				What deck do you want to edit?
 			</label>
-			<select bind:value={CurrentlyEditingDeckId} class="input" id="SelectOneDeckToEdit">
+			<select
+				bind:this={DeckOptions}
+				onchange={() => {
+					if (DeckOptions.value == "new") {
+						deck.push({
+							deckName: "Some New Deck",
+							cards: [{ Q: "Some Quetion", a: "Some Awnser" }],
+						});
+						CurrentlyEditingDeckId = deck.length - 1;
+
+						setTimeout(() => {
+							DeckOptions.value = (deck.length - 1).toString();
+						});
+					} else {
+						CurrentlyEditingDeckId = DeckOptions.value;
+					}
+				}}
+				class="input"
+				id="SelectOneDeckToEdit"
+			>
 				{#each deck as d, i}
 					<option value={i}>{d.deckName}</option>
 				{/each}
+				<option value="new">Create a new deck</option>
 			</select>
 		</div>
 
@@ -30,7 +52,12 @@
 			<label for="NameOfthisDeck" class="text-lg leading-0.5 text-gray-500">
 				Name Of this Deck?
 			</label>
-			<input type="text" class="input mt-1" bind:value={deck[CurrentlyEditingDeckId].deckName} id="NameOfthisDeck" />
+			<input
+				type="text"
+				class="input mt-1"
+				bind:value={deck[CurrentlyEditingDeckId].deckName}
+				id="NameOfthisDeck"
+			/>
 		</div>
 
 		<div class="flex w-full gap-2 text-3xl">
@@ -63,6 +90,7 @@
 				if (confirm("Are you sure you want to delete this deck?")) {
 					deck.splice(CurrentlyEditingDeckId, 1);
 					CurrentlyEditingDeckId = Math.max(0, CurrentlyEditingDeckId - 1);
+					DeckOptions.value = CurrentlyEditingDeckId.toString();
 					toast.success("Deck deleted successfully");
 				}
 			}}

From b470cf0e39000bda783de44aedef09f72f66cc74 Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Fri, 13 Jun 2025 17:26:13 +0530
Subject: [PATCH 3/3] fix where you could have 0 decks in flashcards

---
 src/routes/flashcards/editCards.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/flashcards/editCards.svelte b/src/routes/flashcards/editCards.svelte
index ed87239..5badab3 100644
--- a/src/routes/flashcards/editCards.svelte
+++ b/src/routes/flashcards/editCards.svelte
@@ -87,7 +87,9 @@
 	<div class="flex gap-3">
 		<button
 			onclick={() => {
-				if (confirm("Are you sure you want to delete this deck?")) {
+				if (deck.length == 2) {
+					toast.error("You need to have at least 1 deck");
+				} else if (confirm("Are you sure you want to delete this deck?")) {
 					deck.splice(CurrentlyEditingDeckId, 1);
 					CurrentlyEditingDeckId = Math.max(0, CurrentlyEditingDeckId - 1);
 					DeckOptions.value = CurrentlyEditingDeckId.toString();