From f9d0c9c3564e1574b563867d7fda113af0018a52 Mon Sep 17 00:00:00 2001
From: PrestonT500 <preston.truong1@outlook.com>
Date: Fri, 20 Sep 2024 13:31:46 -0700
Subject: [PATCH] Moved clear all data below into danger zone + Confirm message

---
 index.html  | 13 ++++++++++++-
 js/popup.js | 10 ++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0f458a9..a9a2f8f 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,18 @@
     </div>
 
     <h3>DANGER ZONE</h3>
-    <a onclick="localStorage.clear();" class="clr-btn">Reset All Local Data</a>
+    <a onclick="openClrModal();" class="clr-btn">Reset All Local Data</a>
+    
+    <div id="clr-data-model" class="modal">
+        <div class="modal-content">
+            <h2>DANGER ZONE</h2>
+            <p>Are you sure you want to clear all your local data</p>
+            <button onclick="localStorage.clear(); location.reload();">Yes</button>
+            <button class="cancel-btn" onclick="closeClrModal()">Cancel</button>
+            </div>
+        </div>
+    </div>
+
 
     <script src="js/mobilecheck.js"></script>
     <script src="js/searchbar.js"></script>
diff --git a/js/popup.js b/js/popup.js
index 609a1c4..25997f0 100644
--- a/js/popup.js
+++ b/js/popup.js
@@ -32,3 +32,13 @@ function copyLink() {
         alert("Failed to copy the link.");
     });
 }
+
+// Clr data
+
+function openClrModal() {
+    document.getElementById('clr-data-model').style.display = 'flex';
+}
+
+function closeClrModal() {
+    document.getElementById('clr-data-model').style.display = 'none';
+}