Improve numpad UI and theme support

Author: iamabdullah73524

public/numpad/app.js

@@ -26,18 +26,19 @@ if (typeof document !== "undefined") {
       input.value = "";
     });
 
-    themeBtn?.addEventListener("click", () => {
-      document.body.classList.toggle("dark");
-    });
+    // themeBtn?.addEventListener("click", () => {
+    //   document.body.classList.toggle("dark");
+    // });
 
     function render(entry) {
       const div = document.createElement("div");
       div.className = "card";
 
       div.innerHTML = `
+      <div class="user">👤 ${entry.user}</div>
       <div class="value">${entry.value}</div>
       <div class="meta">${entry.date} • ${entry.time}</div>
-      <div class="user">👤 ${entry.user}</div>
+      
 
       <div class="actions">
         <button class="deleteBtn">🗑 Delete</button>
@@ -47,8 +48,10 @@ if (typeof document !== "undefined") {
       const deleteBtn = div.querySelector(".deleteBtn");
 
       deleteBtn.addEventListener("click", () => {
-        deleteEntry(entry.value);
-        div.remove();
+        if (window.confirm("Are you sure you want to delete this entry?")) {
+          deleteEntry(entry.value);
+          div.remove();
+        }
       });
 
       timeline.prepend(div);

public/numpad/config.js

@@ -1,5 +1,10 @@
 export const CONFIG = {
   MAX_LENGTH: 16,
   ALLOW_DUPLICATES: false,
-  USER_NAME: "Abdul"
-};
+
+  CURRENT_USER: {
+    id: 1,
+    name: "Abdul",
+    role: "admin"
+  }
+};

public/numpad/controller.js

@@ -18,12 +18,11 @@ export const createEntry = (value) => {
   }
 
   const { date, time } = getDateTime();
-
   const entry = {
     value,
     date,
     time,
-    user: CONFIG.USER_NAME
+    user: CONFIG.CURRENT_USER.name
   };
 
   addEntry(entry);
@@ -32,8 +31,6 @@ export const createEntry = (value) => {
     success: true,
     entry
   };
-
-  
 };
 
 export const deleteEntry = (value) => {
@@ -42,4 +39,4 @@ export const deleteEntry = (value) => {
   return {
     success: true
   };
-};
+};