From fd7502ab97bfc8e02bf31e065ea0c07d6524fadf Mon Sep 17 00:00:00 2001
From: RezHackXYZ <rhythmupa@gmail.com>
Date: Wed, 11 Jun 2025 17:42:00 +0530
Subject: [PATCH] added the modal for editing the cards in the flashcards app.
 will make the actual editing logic soon

---
 src/routes/flashcards/StatsAndButtons.svelte |  8 +-------
 src/routes/flashcards/editCards.svelte       |  1 +
 src/routes/nav.svelte                        | 20 +++++++++++++++-----
 3 files changed, 17 insertions(+), 12 deletions(-)
 create mode 100644 src/routes/flashcards/editCards.svelte

diff --git a/src/routes/flashcards/StatsAndButtons.svelte b/src/routes/flashcards/StatsAndButtons.svelte
index 63a3456..28aa5d8 100644
--- a/src/routes/flashcards/StatsAndButtons.svelte
+++ b/src/routes/flashcards/StatsAndButtons.svelte
@@ -1,15 +1,9 @@
 <script>
-	import { stats} from "./logic.svelte.js";
+	import { stats } from "./logic.svelte.js";
 </script>
 
-<div class="invisible">
-	<button class="btn mini"> Reset Deck </button>
-</div>
 <div class="flex gap-5">
 	<span class="text-green-500"><i class="nf nf-md-check"></i>: {stats.AnswerKnown}</span>
 	<span class="text-red-500"><i class="nf nf-md-close"></i>: {stats.AnswerNotKnown}</span>
 	<span class="text-blue-500"><i class="nf nf-md-help"></i>: {stats.AnswerNotChecked}</span>
 </div>
-<div>
-	<button class="btn mini"> Reset Deck </button>
-</div>
diff --git a/src/routes/flashcards/editCards.svelte b/src/routes/flashcards/editCards.svelte
new file mode 100644
index 0000000..153db90
--- /dev/null
+++ b/src/routes/flashcards/editCards.svelte
@@ -0,0 +1 @@
+<div class="border-2 rounded bg-zinc-800">heyyy</div>
\ No newline at end of file
diff --git a/src/routes/nav.svelte b/src/routes/nav.svelte
index b719e50..ca99afc 100644
--- a/src/routes/nav.svelte
+++ b/src/routes/nav.svelte
@@ -52,14 +52,16 @@
 		"/flashcards": {
 			title: "Flashcards",
 			conformOnBack: null,
-		},	
+		},
 	};
 
 	import { OpenTab } from "./wordle/InfoAndSetings/main.svelte";
 	import { Modal, Content, Trigger } from "sv-popup";
 	import { colseModal, ShowSeconds } from "./IdleScreen/logic/TimeAndTableData.svelte.js";
 	import EditTimetableDiv from "./IdleScreen/components/timetable/EditTimetable.svelte";
-	import {TabOpen} from "./randomname/+page.svelte";
+	import { TabOpen } from "./randomname/+page.svelte";
+	import { resetDeck } from "./flashcards/logic.svelte";
+	import EditCards from "./flashcards/editCards.svelte";
 </script>
 
 <div class="mb-1 flex items-center justify-between rounded border-2">
@@ -111,9 +113,17 @@
 				</Trigger>
 			</Modal>
 		{:else if CurrentPage == "/randomname"}
-			<button class="btn dull mini" onclick={() => (TabOpen.v = true)}>
-				Edit list of names
-			</button>
+			<button class="btn dull mini" onclick={() => (TabOpen.v = true)}> Edit list of names </button>
+		{:else if CurrentPage == "/flashcards"}
+			<Modal>
+				<Content>
+					<EditCards />
+				</Content>
+				<Trigger>
+					<button class="btn dull mini">Edit Decks</button>
+				</Trigger>
+			</Modal>
+			<button class="btn dull mini" onclick={() => resetDeck}> Reset current Deck </button>
 		{/if}
 	</div>
 </div>