chore :: border에러 수정

Author: phyuna0525

src/components/list/index.tsx

@@ -6,7 +6,11 @@ interface OutAcceptProp {
   date: string;
   content: string;
   onClick: () => void;
-  type: 'applicationaccept' | 'early-returnaccept' | 'applicationList' | 'early-returnList';
+  type:
+    | 'applicationaccept'
+    | 'early-returnaccept'
+    | 'applicationList'
+    | 'early-returnList';
   active?: boolean;
 }
 

src/components/list/style.ts

@@ -15,7 +15,7 @@ export const OutAcceptWrap = styled.div<AcceptListProp>`
   background-color: ${theme.color.main[50]};
   border: 2px solid
     ${({ isActive, type }) =>
-    isActive && type !== 'early-returnaccept'
+    isActive && type !== 'early-returnList'
       ? theme.color.main[500]
       : theme.color.main[50]};
   cursor: pointer;

src/pages/outList/index.tsx

@@ -98,19 +98,21 @@ const OutList = () => {
                 />
               ))
             ) : (
-              <p>외출자 목록이 없습니다</p>
+              <p>
+                {currentMenu === 'application' ? '외출' : '조기귀가'} 한 학생이
+                없습니다
+              </p>
             )
           ) : earlyreturnListData?.length ? (
             earlyreturnListData?.map((item) => (
-
-              < OutAcceptList
+              <OutAcceptList
                 type={`${currentMenu}List`}
                 key={item.id}
                 name={getStudentString(item)}
                 content={item.reason}
                 date={item.start.slice(0, 5)}
                 active={selectedStudents.includes(item.id)}
-                onClick={() => { }}
+                onClick={() => {}}
               />
             ))
           ) : (
@@ -132,15 +134,17 @@ const OutList = () => {
       )}
       {modal && (
         <Modal
-          refetchStatus={() => { }}
+          refetchStatus={() => {}}
           type="red"
-          title={`${selectedStudentName.length > 1
-            ? `${selectedStudentName[0]} 학생 외 ${selectedStudentName.length - 1
-            }명을 복귀시키겠습니까?`
-            : selectedStudentName.length === 1
-              ? `${selectedStudentName[0]}을 복귀시키겠습니까?`
-              : ''
-            }`}
+          title={`${
+            selectedStudentName.length > 1
+              ? `${selectedStudentName[0]} 학생 외 ${
+                  selectedStudentName.length - 1
+                }명을 복귀시키겠습니까?`
+              : selectedStudentName.length === 1
+                ? `${selectedStudentName[0]}을 복귀시키겠습니까?`
+                : ''
+          }`}
           subTitle="복귀 시에는 외출이 끝나게 됩니다."
           onCancel={() => {
             setModal(false);