From 1d48e78d7f7d429eb2b5fd2c98122797debf246a Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Tue, 20 May 2025 16:24:28 +0200
Subject: [PATCH] remove total, reformat

---
 parts/2/courseExercise/src/App.jsx | 69 +++++++++++++-----------------
 1 file changed, 29 insertions(+), 40 deletions(-)

diff --git a/parts/2/courseExercise/src/App.jsx b/parts/2/courseExercise/src/App.jsx
index 33c3557..65acd12 100644
--- a/parts/2/courseExercise/src/App.jsx
+++ b/parts/2/courseExercise/src/App.jsx
@@ -1,63 +1,52 @@
 const Header = (props) => {
-  return <h1>{props.course}</h1>
-}
+  return <h1>{props.course}</h1>;
+};
 
 const Part = (props) => {
-  return <p>{props.partName} {props.exerciseCount}</p>
-
-}
+  return (
+    <p>
+      {props.partName} {props.exerciseCount}
+    </p>
+  );
+};
 
 const Content = (props) => {
   return (
     <>
-    {props.sections.map((section) => {
-    return <Part partName={section.part} exerciseCount={section.exerciseCount}/>
-  })}
+      {props.sections.map((section) => {
+        return (
+          <Part partName={section.part} exerciseCount={section.exerciseCount} />
+        );
+      })}
     </>
-  )
-}
-
-const Total = (props) => {
-  return (
-    <>
-    <p>Number of exercises {props.sections.reduce(
-      (sum, section) => {
-        return sum + section.exerciseCount
-      },
-      0
-    )}</p>
-    </>
-  )
-}
-
+  );
+};
 
 const App = () => {
   const course = {
-    name: 'Half Stack application development',
+    name: "Half Stack application development",
     sections: [
       {
-        part: 'Fundamentals of React',
-        exerciseCount: 10
+        part: "Fundamentals of React",
+        exerciseCount: 10,
       },
       {
-        part: 'Using props to pass data',
-        exerciseCount: 7
+        part: "Using props to pass data",
+        exerciseCount: 7,
       },
       {
-        part: 'State of a component',
-        exerciseCount: 14
+        part: "State of a component",
+        exerciseCount: 14,
       },
-      
-    ]
-  }
+    ],
+  };
 
   return (
     <div>
-      <Header course={course.name}/>
-      <Content sections={course.sections}/>
-      <Total sections={course.sections}/>
+      <Header course={course.name} />
+      <Content sections={course.sections} />
     </div>
-  )
-}
+  );
+};
 
-export default App
\ No newline at end of file
+export default App;