Merge pull request #129 from DenisValeev/codex/add-clear-button-to-recall-app

Replace Total Recall defaults with clear action

Author: DenisValeev

apps/total-recall/app.js

@@ -6,7 +6,7 @@
   const nextButton = document.querySelector('[data-next]');
   const shuffleButton = document.querySelector('[data-shuffle]');
   const saveButton = document.querySelector('[data-save]');
-  const resetButton = document.querySelector('[data-reset]');
+  const clearButton = document.querySelector('[data-clear]');
   const statusEl = document.querySelector('[data-status]');
 
   if (
@@ -17,7 +17,7 @@
     !nextButton ||
     !shuffleButton ||
     !saveButton ||
-    !resetButton ||
+    !clearButton ||
     !statusEl
   ) {
     return;
@@ -163,17 +163,22 @@
     }
   }
 
-  function handleReset() {
-    notesInput.value = DEFAULT_NOTES;
-    handleSave();
-    setStatus('Restored the default joke deck.');
+  function handleClear() {
+    notesInput.value = '';
+    try {
+      localStorage.setItem(STORAGE_KEY, '');
+    } catch (error) {
+      console.error('Failed to clear notes in localStorage', error); // eslint-disable-line no-console
+    }
+    updateEntriesFrom('');
+    setStatus('Cleared notes. Add new entries to continue.');
   }
 
   prevButton.addEventListener('click', showPrev);
   nextButton.addEventListener('click', showNext);
   shuffleButton.addEventListener('click', reshuffleDeck);
   saveButton.addEventListener('click', handleSave);
-  resetButton.addEventListener('click', handleReset);
+  clearButton.addEventListener('click', handleClear);
 
   document.addEventListener('keydown', (event) => {
     if (event.defaultPrevented) {

apps/total-recall/index.html

@@ -367,7 +367,6 @@
     </nav>
     <header class="app-header">
       <h1>Total Recall</h1>
-      <p>Drop your raw notes here, split by blank lines, and train yourself with randomized memory cards.</p>
     </header>
     <article class="card" aria-live="polite">
       <div class="card__meta">
@@ -399,8 +398,8 @@ <h1>Total Recall</h1>
           <button class="control-button control-button--primary" type="button" data-save>
             Save notes
           </button>
-          <button class="control-button control-button--secondary" type="button" data-reset>
-            Restore defaults
+          <button class="control-button control-button--secondary" type="button" data-clear>
+            Clear notes
           </button>
         </div>
         <p class="editor__status" aria-live="polite" data-status></p>