Change capitalization and add reactive zero-element archive message

diff --git a/archived.html b/archived.html
index 31d0acf769d00fb827504ed2b2b13991f6d2f283..ed69325ebfad2bab13ba441408f05ab929d85a79 100644 (file)
--- a/archived.html
+++ b/archived.html
@@ -20,9 +20,7 @@
     </header>
     <div id="main">
       <div>
-        <div id="archived">
-          <p>No archived todos for now...</p>
-        </div>
+        <div id="archived"></div>
       </div>
     </div>
     <footer></footer>

diff --git a/archived.js b/archived.js
index d3d20c13c12ca4e133fc76f29b2c31180d0b0dc0..382335f987b3fe22cf574aefdbf0e3a22a6fe142 100644 (file)
--- a/archived.js
+++ b/archived.js
@@ -97,9 +97,10 @@ const applyListeners = () => {
 
 const hydrateTodos = () => {
 
-  if (archived.length >= 0) archivedElement.innerHTML = archived
+  if (archived.length > 0) archivedElement.innerHTML = archived
     .map((x, index) => todoElement(x, index))
     .join("");
+  else archivedElement.innerHTML = "<p>no archived todos for now&#8230;</p>";
 
   applyListeners();
 };