diff --git a/part1/courseinfo/src/App.js b/part1/courseinfo/src/App.js
index 3a8fa56..ab7fed6 100644
--- a/part1/courseinfo/src/App.js
+++ b/part1/courseinfo/src/App.js
@@ -1,16 +1,16 @@
const Header = (props) => (
-
{props.course}
+ {props.course.name}
)
const Part = (props) => (
- {props.part} {props.exercise}
+ {props.part.name} {props.part.exercises}
)
const Content = (props) => (
)
@@ -19,27 +19,29 @@ const Total = (props) => (
)
const App = () => {
- const course = 'Half Stack application development'
- const parts = [
- {
- name: 'Fundamentals of React',
- exercises: 10
- },
- {
- name: 'Using props to pass data',
- exercises: 7
- },
- {
- name: 'State of a component',
- exercises: 14
- }
- ]
+ const course = {
+ name: 'Half Stack application development',
+ parts: [
+ {
+ name: 'Fundamentals of React',
+ exercises: 10
+ },
+ {
+ name: 'Using props to pass data',
+ exercises: 7
+ },
+ {
+ name: 'State of a component',
+ exercises: 14
+ }
+ ]
+ }
return (
-
-
+
+
)
}