From 3864c11b9b84d5cd252d3bd2edeb64bbcf419cd7 Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin@superhog.com>
Date: Tue, 20 May 2025 16:40:29 +0200
Subject: [PATCH] refactored

---
 parts/2/courseExercise/src/App.jsx            | 29 ++++---------------
 .../courseExercise/src/components/Content.jsx | 15 ++++++++++
 .../courseExercise/src/components/Header.jsx  |  5 ++++
 .../2/courseExercise/src/components/Part.jsx  |  9 ++++++
 4 files changed, 35 insertions(+), 23 deletions(-)
 create mode 100644 parts/2/courseExercise/src/components/Content.jsx
 create mode 100644 parts/2/courseExercise/src/components/Header.jsx
 create mode 100644 parts/2/courseExercise/src/components/Part.jsx

diff --git a/parts/2/courseExercise/src/App.jsx b/parts/2/courseExercise/src/App.jsx
index 65acd12..8309aeb 100644
--- a/parts/2/courseExercise/src/App.jsx
+++ b/parts/2/courseExercise/src/App.jsx
@@ -1,26 +1,5 @@
-const Header = (props) => {
-  return <h1>{props.course}</h1>;
-};
-
-const Part = (props) => {
-  return (
-    <p>
-      {props.partName} {props.exerciseCount}
-    </p>
-  );
-};
-
-const Content = (props) => {
-  return (
-    <>
-      {props.sections.map((section) => {
-        return (
-          <Part partName={section.part} exerciseCount={section.exerciseCount} />
-        );
-      })}
-    </>
-  );
-};
+import Header from "./components/Header";
+import Content from "./components/Content";
 
 const App = () => {
   const course = {
@@ -38,6 +17,10 @@ const App = () => {
         part: "State of a component",
         exerciseCount: 14,
       },
+      {
+        part: "An extra part I added just like that",
+        exerciseCount: 1,
+      },
     ],
   };
 
diff --git a/parts/2/courseExercise/src/components/Content.jsx b/parts/2/courseExercise/src/components/Content.jsx
new file mode 100644
index 0000000..39c73d8
--- /dev/null
+++ b/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;
diff --git a/parts/2/courseExercise/src/components/Header.jsx b/parts/2/courseExercise/src/components/Header.jsx
new file mode 100644
index 0000000..2e4fa07
--- /dev/null
+++ b/parts/2/courseExercise/src/components/Header.jsx
@@ -0,0 +1,5 @@
+const Header = (props) => {
+  return <h1>{props.course}</h1>;
+};
+
+export default Header;
diff --git a/parts/2/courseExercise/src/components/Part.jsx b/parts/2/courseExercise/src/components/Part.jsx
new file mode 100644
index 0000000..1adeab9
--- /dev/null
+++ b/parts/2/courseExercise/src/components/Part.jsx
@@ -0,0 +1,9 @@
+const Part = (props) => {
+  return (
+    <p>
+      {props.partName} {props.exerciseCount}
+    </p>
+  );
+};
+
+export default Part;