refactored

parts/2/courseExercise/src/components/Content.jsx

@@ -0,0 +1,15 @@
+import Part from "./Part";
+
+const Content = (props) => {
+  return (
+    <>
+      {props.sections.map((section) => {
+        return (
+          <Part key={section.part} partName={section.part} exerciseCount={section.exerciseCount} />
+        );
+      })}
+    </>
+  );
+};
+
+export default Content;

parts/2/courseExercise/src/components/Header.jsx

@@ -0,0 +1,5 @@
+const Header = (props) => {
+  return <h1>{props.course}</h1>;
+};
+
+export default Header;

parts/2/courseExercise/src/components/Part.jsx

@@ -0,0 +1,9 @@
+const Part = (props) => {
+  return (
+    <p>
+      {props.partName} {props.exerciseCount}
+    </p>
+  );
+};
+
+export default Part;