From 7d9938c3cb0ee1c58fb4b3dd8f24109bead38897 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Tue, 23 Jul 2024 16:55:59 +0800
Subject: [PATCH] add instructions about how to finish chapter

---
 enjoy/src/i18n/en.json                                   | 1 +
 enjoy/src/i18n/zh-CN.json                                | 1 +
 .../src/renderer/components/courses/chapter-content.tsx  | 9 ++++++++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/enjoy/src/i18n/en.json b/enjoy/src/i18n/en.json
index efccecee..51dfb415 100644
--- a/enjoy/src/i18n/en.json
+++ b/enjoy/src/i18n/en.json
@@ -644,6 +644,7 @@
   "previousChapter": "Previous",
   "nextChapter": "Next",
   "examples": "Examples",
+  "howToFinishChapter": "Please shadow the examples and record your voice to finish the chapter.",
   "continueLearning": "Continue learning",
   "enrollNow": "Enroll now",
   "enrollments": "Enrollments",
diff --git a/enjoy/src/i18n/zh-CN.json b/enjoy/src/i18n/zh-CN.json
index fd98891d..c4c9a630 100644
--- a/enjoy/src/i18n/zh-CN.json
+++ b/enjoy/src/i18n/zh-CN.json
@@ -644,6 +644,7 @@
   "previousChapter": "上一章",
   "nextChapter": "下一章",
   "examples": "示例",
+  "howToFinishChapter": "请跟读以下示例并录音，以完成本章练习。",
   "continueLearning": "继续练习",
   "enrollNow": "加入练习",
   "enrollments": "参加的课程",
diff --git a/enjoy/src/renderer/components/courses/chapter-content.tsx b/enjoy/src/renderer/components/courses/chapter-content.tsx
index 9794b793..f686d29b 100644
--- a/enjoy/src/renderer/components/courses/chapter-content.tsx
+++ b/enjoy/src/renderer/components/courses/chapter-content.tsx
@@ -93,7 +93,14 @@ export const ChapterContent = (props: {
           </details>
         )}
 
-        {chapter.examples.length > 0 && <h3>{t("examples")}</h3>}
+        {chapter.examples.length > 0 && (
+          <>
+            <h3>{t("examples")}</h3>
+            <div className="text-sm mb-4">
+              {t("howToFinishChapter")}
+            </div>
+          </>
+        )}
         <div className="grid gap-4">
           {chapter.examples.map((example, index) => (
             <ExampleContent