From aad43bc7a4dadf1ca13929a8a4fce4460fa4b908 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Mon, 27 Mar 2023 14:53:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85=E5=AD=A6?=
 =?UTF-8?q?=E4=B9=A0=E8=AE=B0=E5=BD=95=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/index.tsx | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index 0f4766d..35ca0f2 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -92,14 +92,26 @@ const CoursePage = () => {
           <div className={styles["hours-list-box"]}>
             {hours[0].map((item: any) => (
               <div key={item.id} className={styles["hours-it"]}>
-                <HourCompenent
-                  id={item.id}
-                  cid={item.course_id}
-                  title={item.title}
-                  record={learnHourRecord[item.id]}
-                  duration={item.duration}
-                  progress={learnHourRecord[item.id].progress}
-                ></HourCompenent>
+                {learnHourRecord[item.id] && (
+                  <HourCompenent
+                    id={item.id}
+                    cid={item.course_id}
+                    title={item.title}
+                    record={learnHourRecord[item.id]}
+                    duration={item.duration}
+                    progress={learnHourRecord[item.id].progress}
+                  ></HourCompenent>
+                )}
+                {!learnHourRecord[item.id] && (
+                  <HourCompenent
+                    id={item.id}
+                    cid={item.course_id}
+                    title={item.title}
+                    record={null}
+                    duration={item.duration}
+                    progress={0}
+                  ></HourCompenent>
+                )}
               </div>
             ))}
           </div>