From 6e4d0205ba347fbebcac1225f6657d68e285fa88 Mon Sep 17 00:00:00 2001
From: kasterra <kasterra@naver.com>
Date: Fri, 24 May 2024 14:40:04 +0900
Subject: [PATCH] feat : seperator for lecture classification sidebar

---
 app/css/normalize.css                                  |  5 ++++-
 .../_procted+/lectures+/$lectureId+/_layout/index.tsx  | 10 +++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/css/normalize.css b/app/css/normalize.css
index bb6e2a7..cf1ab9a 100644
--- a/app/css/normalize.css
+++ b/app/css/normalize.css
@@ -52,8 +52,11 @@ h1 {
 
 hr {
   box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
+  height: 1px; /* 1 */
+  width: 100%;
   overflow: visible; /* 2 */
+  border: none;
+  background-color: #eaecf0;
 }
 
 /**
diff --git a/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx b/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx
index a9ee5d2..f47b71b 100644
--- a/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx
+++ b/app/routes/_procted+/lectures+/$lectureId+/_layout/index.tsx
@@ -121,6 +121,8 @@ const LectureDetail = () => {
               setSuperIsLoading={setIsLoading}
             />
           ))}
+
+        <hr />
         <h4>진행중인 실습</h4>
 
         {currentLecture!.practices
@@ -139,11 +141,13 @@ const LectureDetail = () => {
             />
           ))}
 
+        <hr />
+
         {auth.role === "professor" && (
           <>
             <h4>진행 예정 실습</h4>
             {currentLecture!.practices
-              .filter((practice) => new Date(practice.end_time) < new Date())
+              .filter((practice) => new Date(practice.start_time) > new Date())
               .map((practice) => (
                 <PracticeDetail
                   lectureName={currentLecture!.title}
@@ -153,11 +157,11 @@ const LectureDetail = () => {
                   setSuperIsLoading={setIsLoading}
                 />
               ))}
+            <hr />
           </>
         )}
 
-        <hr />
-
+        <h4>관리 도구</h4>
         <ButtonElement
           title="내 제출물 다운받기"
           onButtonClick={() => setIsDownloadMyCodesModalOpen(true)}