items left message was fixed

mate-academy · Sep 21, 2023 · 66913f6 · 66913f6
1 parent 7312d0d
commit 66913f6
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/App.tsx b/src/App.tsx
@@ -168,6 +168,19 @@ export const App: React.FC = () => {
       });
   };
 
+  function getItemsLeftCountMessage() {
+    switch (activeTodos.length) {
+      case 1:
+        return '1 item left';
+
+      case 0:
+        return 'Everything is done';
+
+      default:
+        return `${activeTodos.length} items left`;
+    }
+  }
+
   if (!USER_ID) {
     return <UserWarning />;
   }
@@ -224,7 +237,7 @@ export const App: React.FC = () => {
 
             <footer className="todoapp__footer">
               <span className="todo-count">
-                {`${activeTodos.length} items left`}
+                {getItemsLeftCountMessage()}
               </span>
 
               <TodoStatus