From a1f8a0c7bf4f84749018f27fc6d608bd5e09e4bc Mon Sep 17 00:00:00 2001
From: hamo-o <yheel369@gmail.com>
Date: Sun, 17 Nov 2024 20:35:29 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=B2=AB=20=EB=B2=88=EC=A7=B8=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=EB=90=9C=20=ED=95=99=EC=83=9D=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=20=EB=A0=8C=EB=8D=94=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/students/_components/OutstandingModal.tsx   | 13 +++++--------
 .../students/_components/StudentHeaderButtons.tsx   |  6 +++---
 .../_components/StudentTable/StudentList.tsx        | 11 +++++++++--
 apps/admin/app/students/_contexts/StudyProvider.tsx |  9 ++++++++-
 4 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/apps/admin/app/students/_components/OutstandingModal.tsx b/apps/admin/app/students/_components/OutstandingModal.tsx
index 1692e819..d6907933 100644
--- a/apps/admin/app/students/_components/OutstandingModal.tsx
+++ b/apps/admin/app/students/_components/OutstandingModal.tsx
@@ -18,8 +18,8 @@ import {
 
 const OutstandingModal = () => {
   const study = useAtomValue(studyAtom);
-  const selectedStudents = useAtomValue(selectedStudentsAtom);
-  const STUDENTS_NUM = selectedStudents.length;
+  const { firstStudentName, students } = useAtomValue(selectedStudentsAtom);
+  const STUDENTS_NUM = students.length;
 
   const [outstandingStudents, setOutstandingStudents] = useAtom(
     outstandingStudentsAtom
@@ -39,7 +39,7 @@ const OutstandingModal = () => {
         : studyAchievementApi.deleteStudyAchievement;
 
     const result = await fetch(study.studyId, {
-      studentIds: selectedStudents,
+      studentIds: students,
       achievementType: achievement,
     });
 
@@ -79,11 +79,8 @@ const OutstandingModal = () => {
         )}
 
         <Text color="sub">
-          {
-            // TODO: 가장 앞 사람 정보 요청
-            /* 이현영 님 외{" "} */
-          }
-          <styled.span color="primary">{STUDENTS_NUM}명</styled.span>
+          {firstStudentName} 님 외{" "}
+          <styled.span color="primary">{STUDENTS_NUM - 1}명</styled.span>
         </Text>
         {enabled ? (
           <Button onClick={handleClickOutstanding}>
diff --git a/apps/admin/app/students/_components/StudentHeaderButtons.tsx b/apps/admin/app/students/_components/StudentHeaderButtons.tsx
index afc420bf..0c9f5e30 100644
--- a/apps/admin/app/students/_components/StudentHeaderButtons.tsx
+++ b/apps/admin/app/students/_components/StudentHeaderButtons.tsx
@@ -14,7 +14,7 @@ const StudentsHeaderButtons = () => {
     outstandingStudentsAtom
   );
   const { type, achievement, enabled } = outstandingStudents;
-  const selectedStudents = useAtomValue(selectedStudentsAtom);
+  const { students } = useAtomValue(selectedStudentsAtom);
 
   const handleClickCancelButton = () => {
     setOutstandingStudents({
@@ -30,8 +30,8 @@ const StudentsHeaderButtons = () => {
       </Button>
       <Button
         asProp={Link}
-        disabled={!selectedStudents.length}
-        href={selectedStudents.length ? "/students/outstanding" : ""}
+        disabled={!students.length}
+        href={students.length ? "/students/outstanding" : ""}
         size="sm"
       >
         {achievement && `${outstandingRoundMap[achievement]} ${type}`}
diff --git a/apps/admin/app/students/_components/StudentTable/StudentList.tsx b/apps/admin/app/students/_components/StudentTable/StudentList.tsx
index 297730ea..5197cbe3 100644
--- a/apps/admin/app/students/_components/StudentTable/StudentList.tsx
+++ b/apps/admin/app/students/_components/StudentTable/StudentList.tsx
@@ -36,13 +36,20 @@ const StudentList = ({
   if (!studentList.length) return <Text>스터디 수강생이 없어요.</Text>;
 
   const handleChangeSelectedStudents = (rows: number[]) => {
-    setSelectedStudents(rows);
+    const firstStudent = studentList.find(
+      (student) => student.memberId === rows[0]
+    );
+
+    setSelectedStudents({
+      firstStudentName: firstStudent && firstStudent.name,
+      students: rows,
+    });
   };
 
   return (
     <Table
       fullWidth
-      selectedRowsProp={selectedStudents}
+      selectedRowsProp={selectedStudents.students}
       showCheckbox={enabled}
       onChange={handleChangeSelectedStudents}
     >
diff --git a/apps/admin/app/students/_contexts/StudyProvider.tsx b/apps/admin/app/students/_contexts/StudyProvider.tsx
index 5489a6e4..67cd3ec6 100644
--- a/apps/admin/app/students/_contexts/StudyProvider.tsx
+++ b/apps/admin/app/students/_contexts/StudyProvider.tsx
@@ -19,6 +19,11 @@ export type OutstandingStudentsProps = {
   enabled: boolean;
 };
 
+export type SelectedStudentsProps = {
+  firstStudentName?: string;
+  students: number[] | [];
+};
+
 export const studyAtom = atom<StudyAtomprops>();
 studyIdStore.set(studyAtom, undefined);
 
@@ -26,7 +31,9 @@ export const outstandingStudentsAtom = atom<OutstandingStudentsProps>({
   enabled: false,
 });
 
-export const selectedStudentsAtom = atom<number[] | []>([]);
+export const selectedStudentsAtom = atom<SelectedStudentsProps>({
+  students: [],
+});
 
 export const StudyProvider = ({ children }: PropsWithChildren) => {
   return <Provider store={studyIdStore}>{children}</Provider>;