From eae5c81d27e63cf0776d8b95c4c66b9ad6eeb84f Mon Sep 17 00:00:00 2001
From: lcp0578 <lcp0578@163.com>
Date: Tue, 23 Jul 2024 18:44:42 +0800
Subject: [PATCH] update Chapter07/basic-linking/src/Second.tsx &
 add-article-component/src/MyFeature.jsx swap
 article-item-component/src/MyFeature.jsx & update AddArticle.jsx section ->
 header

---
 .../add-article-component/src/AddArticle.jsx  |  4 ++--
 .../add-article-component/src/MyFeature.jsx   | 19 +++++++++----------
 .../article-item-component/src/MyFeature.jsx  | 19 ++++++++++---------
 Chapter07/basic-linking/src/Second.tsx        |  4 ++--
 4 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/Chapter05/add-article-component/src/AddArticle.jsx b/Chapter05/add-article-component/src/AddArticle.jsx
index 63ce0d5..d65f652 100644
--- a/Chapter05/add-article-component/src/AddArticle.jsx
+++ b/Chapter05/add-article-component/src/AddArticle.jsx
@@ -7,12 +7,12 @@ function AddArticle({
   onClickAdd,
 }) {
   return (
-    <section>
+    <header>
       <h1>{name}</h1>
       <input placeholder="Title" value={title} onChange={onChangeTitle} />
       <input placeholder="Summary" value={summary} onChange={onChangeSummary} />
       <button onClick={onClickAdd}>Add</button>
-    </section>
+    </header>
   );
 }
 
diff --git a/Chapter05/add-article-component/src/MyFeature.jsx b/Chapter05/add-article-component/src/MyFeature.jsx
index 0b531d4..a86bb51 100644
--- a/Chapter05/add-article-component/src/MyFeature.jsx
+++ b/Chapter05/add-article-component/src/MyFeature.jsx
@@ -1,5 +1,6 @@
 import * as React from "react";
 import ArticleList from "./ArticleList";
+import AddArticle from "./AddArticle";
 
 const id = (function* () {
   let i = 1;
@@ -55,16 +56,14 @@ function MyFeature() {
 
   return (
     <section>
-      <header>
-        <h1>Articles</h1>
-        <input placeholder="Title" value={title} onChange={onChangeTitle} />
-        <input
-          placeholder="Summary"
-          value={summary}
-          onChange={onChangeSummary}
-        />
-        <button onClick={onClickAdd}>Add</button>
-      </header>
+      <AddArticle
+        name="Articles"
+        title={title}
+        summary={summary}
+        onChangeTitle={onChangeTitle}
+        onChangeSummary={onChangeSummary}
+        onClickAdd={onClickAdd}
+      />
       <ArticleList articles={articles} onClickRemove={onClickRemove} />
     </section>
   );
diff --git a/Chapter05/article-item-component/src/MyFeature.jsx b/Chapter05/article-item-component/src/MyFeature.jsx
index a86bb51..0b531d4 100644
--- a/Chapter05/article-item-component/src/MyFeature.jsx
+++ b/Chapter05/article-item-component/src/MyFeature.jsx
@@ -1,6 +1,5 @@
 import * as React from "react";
 import ArticleList from "./ArticleList";
-import AddArticle from "./AddArticle";
 
 const id = (function* () {
   let i = 1;
@@ -56,14 +55,16 @@ function MyFeature() {
 
   return (
     <section>
-      <AddArticle
-        name="Articles"
-        title={title}
-        summary={summary}
-        onChangeTitle={onChangeTitle}
-        onChangeSummary={onChangeSummary}
-        onClickAdd={onClickAdd}
-      />
+      <header>
+        <h1>Articles</h1>
+        <input placeholder="Title" value={title} onChange={onChangeTitle} />
+        <input
+          placeholder="Summary"
+          value={summary}
+          onChange={onChangeSummary}
+        />
+        <button onClick={onClickAdd}>Add</button>
+      </header>
       <ArticleList articles={articles} onClickRemove={onClickRemove} />
     </section>
   );
diff --git a/Chapter07/basic-linking/src/Second.tsx b/Chapter07/basic-linking/src/Second.tsx
index 9fee78e..33d0158 100644
--- a/Chapter07/basic-linking/src/Second.tsx
+++ b/Chapter07/basic-linking/src/Second.tsx
@@ -1,5 +1,5 @@
-function First() {
+function Second() {
   return <h1>Second</h1>;
 }
 
-export default First;
+export default Second;