From 30a687fca66dc7a64ce4793b6696821b65ef0ee5 Mon Sep 17 00:00:00 2001 From: "Elle L. Em" Date: Tue, 13 Aug 2024 11:55:25 -0400 Subject: [PATCH 1/2] Change heading based on filter --- src/App.jsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/App.jsx b/src/App.jsx index 654da1ee5..24634c184 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -84,7 +84,9 @@ function App(props) { } const tasksNoun = taskList.length !== 1 ? "tasks" : "task"; - const headingText = `${taskList.length} ${tasksNoun} remaining`; + const headingText = `${taskList.length} ${tasksNoun}`; + if (filter === "Active") headingText += " remaining"; + if (filter === "Completed") headingText += " completed"; const listHeadingRef = useRef(null); const prevTaskLength = usePrevious(tasks.length); From 15daef34cc480b329d0f76c8ef2dee67439ceef6 Mon Sep 17 00:00:00 2001 From: "Elle L. Em" Date: Wed, 14 Aug 2024 15:33:24 -0400 Subject: [PATCH 2/2] Update App.jsx --- src/App.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.jsx b/src/App.jsx index 24634c184..74f163646 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -84,7 +84,7 @@ function App(props) { } const tasksNoun = taskList.length !== 1 ? "tasks" : "task"; - const headingText = `${taskList.length} ${tasksNoun}`; + let headingText = `${taskList.length} ${tasksNoun}`; if (filter === "Active") headingText += " remaining"; if (filter === "Completed") headingText += " completed";