From 3044bd625f0f763874c091acb3c7c5f0668518ca Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Tue, 20 May 2025 16:54:36 +0200
Subject: [PATCH] overkill with custom component

---
 parts/2/courseExercise/src/App.jsx            |  2 +-
 .../courseExercise/src/components/Course.jsx  |  2 ++
 .../src/components/ExerciseCount.jsx          | 24 +++++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 parts/2/courseExercise/src/components/ExerciseCount.jsx

diff --git a/parts/2/courseExercise/src/App.jsx b/parts/2/courseExercise/src/App.jsx
index 2276639..df4e7be 100644
--- a/parts/2/courseExercise/src/App.jsx
+++ b/parts/2/courseExercise/src/App.jsx
@@ -18,7 +18,7 @@ const App = () => {
       },
       {
         part: "An extra part I added just like that",
-        exerciseCount: 1,
+        exerciseCount: 3,
       },
     ],
   };
diff --git a/parts/2/courseExercise/src/components/Course.jsx b/parts/2/courseExercise/src/components/Course.jsx
index 607b1cb..b153e9c 100644
--- a/parts/2/courseExercise/src/components/Course.jsx
+++ b/parts/2/courseExercise/src/components/Course.jsx
@@ -1,11 +1,13 @@
 import Header from "./Header";
 import Content from "./Content";
+import ExerciseCount from "./ExerciseCount";
 
 const Course = ({course}) => {
     return (
         <div>
           <Header course={course.name} />
           <Content sections={course.sections} />
+          <ExerciseCount sections={course.sections}/>
         </div>
       )
 }
diff --git a/parts/2/courseExercise/src/components/ExerciseCount.jsx b/parts/2/courseExercise/src/components/ExerciseCount.jsx
new file mode 100644
index 0000000..d41254b
--- /dev/null
+++ b/parts/2/courseExercise/src/components/ExerciseCount.jsx
@@ -0,0 +1,24 @@
+import InflectedUnitNumber from "./InflectedUnitNumber";
+
+const ExerciseCount = ({ sections }) => {
+  const exerciseCount = sections
+    .map((section) => section.exerciseCount)
+    .reduce((cumCount, sectionCount) => {
+      return cumCount + sectionCount;
+    }, 0);
+
+  return (
+    <p>
+      <b>
+        Total of{" "}
+        <InflectedUnitNumber
+          number={exerciseCount}
+          singular="exercise"
+          plural="exercises"
+        />
+      </b>
+    </p>
+  );
+};
+
+export default ExerciseCount;