From 4648a4e0678052f5bea728c887937a30e6111c25 Mon Sep 17 00:00:00 2001
From: Imggaggu <ggaggu@snu.ac.kr>
Date: Sun, 25 May 2025 23:37:02 +0900
Subject: [PATCH] =?UTF-8?q?[Feat]=20=EC=88=98=EC=A0=95=20=ED=9B=84=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AA=A8=EC=A7=80=20=EC=83=88=EB=A1=9C=EA=B3=A0?=
 =?UTF-8?q?=EC=B9=A8,=20fix=20slot=20key?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/AdminDailyAttendanceCard.jsx | 8 +++++---
 frontend/src/pages/admin/AdminStudentAttendance.jsx  | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/AdminDailyAttendanceCard.jsx b/frontend/src/components/AdminDailyAttendanceCard.jsx
index 76ec286..f4f0f25 100644
--- a/frontend/src/components/AdminDailyAttendanceCard.jsx
+++ b/frontend/src/components/AdminDailyAttendanceCard.jsx
@@ -3,7 +3,7 @@ import "./componentsCss/AdminDailyAttendanceCard.css";
 import api from "../api/api";
 import { getStudentAttendance,updateAttendanceStatus } from "../api/adminattendance";
 
-const AdminDailyAttendanceCard = ({ date,  order,studentId, onClose }) => {
+const AdminDailyAttendanceCard = ({ date,  order,studentId, onClose, onRefresh }) => {
   const [slots, setSlots] = useState([]);
   const [modified, setModified] = useState([]);
 
@@ -88,7 +88,7 @@ const AdminDailyAttendanceCard = ({ date,  order,studentId, onClose }) => {
       const newModified = [...modified];
       newModified[idx] = false;
       setModified(newModified);
-      
+
       console.log("📝 저장 요청", {
         id: slot.id,
         order: slot.order,
@@ -111,6 +111,8 @@ const AdminDailyAttendanceCard = ({ date,  order,studentId, onClose }) => {
         }
       }
       alert("전체 저장 완료");
+      if (onRefresh) onRefresh(); // submit 이후 새로고침
+      onClose(); 
     } catch (err) {
       console.error("전체 저장 실패:", err);
     }
@@ -124,7 +126,7 @@ const AdminDailyAttendanceCard = ({ date,  order,studentId, onClose }) => {
       </div>
       <div className="card-body">
         {slots.map((slot, idx) => (
-          <div key={slot.id} className="slot-row">
+          <div key={`${slot.date}-${slot.order}`} className="slot-row">
             <span>{idx + 1}차 출석</span>
             <select value={slot.status} onChange={(e) => handleChange(idx, e.target.value)}>
               <option value="SUCCESS">성공</option>
diff --git a/frontend/src/pages/admin/AdminStudentAttendance.jsx b/frontend/src/pages/admin/AdminStudentAttendance.jsx
index 145f94d..8c05603 100644
--- a/frontend/src/pages/admin/AdminStudentAttendance.jsx
+++ b/frontend/src/pages/admin/AdminStudentAttendance.jsx
@@ -160,6 +160,7 @@ const processWeeklyAttendance = (rawData) => {
           date={selectedDate.date} 
           order={selectedDate.order}
           onClose={() => setSelectedDate(null)}
+          onRefresh={fetchData}
         />
       )}
     </div>