fix counter

mate-academy · Nov 5, 2024 · 836d558 · 836d558
1 parent 9e0128f
commit 836d558
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -24,7 +24,8 @@ export const Footer: React.FC<Props> = ({ howSort, setHowSort }) => {
   return (
     <footer className="todoapp__footer" data-cy="Footer">
       <span className="todo-count" data-cy="TodosCounter">
-        {completedTodosCount} items left
+        {completedTodosCount}{' '}
+        {completedTodosCount === 1 ? 'item left' : 'items left'}
       </span>
 
       <nav className="filter" data-cy="Filter">