From d1781d4e05e2cc6209cafff523ee81ddfc89f127 Mon Sep 17 00:00:00 2001
From: "misung.dev" <misung.dev@gmail.com>
Date: Sat, 13 Jul 2024 01:31:28 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20#130=20=EC=83=81=EC=84=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=82=B4=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=99=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/EventDetail/AttendanceList.jsx      |  2 +-
 src/pages/EventDetail/EventDetailPage.jsx     | 11 ++++---
 .../EventDetail/EventDetailPage.style.jsx     | 29 +++++++++++++++----
 3 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/src/pages/EventDetail/AttendanceList.jsx b/src/pages/EventDetail/AttendanceList.jsx
index 5532250..9dbe87d 100644
--- a/src/pages/EventDetail/AttendanceList.jsx
+++ b/src/pages/EventDetail/AttendanceList.jsx
@@ -22,7 +22,7 @@ const AttendanceList = () => {
         const response = await axiosInstance.get(
           `/api/v1/events/attendanceList/${USER_ID}/${EVENT_ID}`,
         );
-        const parsedStudents = response.data[0].attendanceListResponseDtos.map(
+        const parsedStudents = response.data[1].attendanceListResponseDtos.map(
           (student) => ({
             name: student.studentName,
             number: student.studentNumber,
diff --git a/src/pages/EventDetail/EventDetailPage.jsx b/src/pages/EventDetail/EventDetailPage.jsx
index 3d3a56d..47fbfc9 100644
--- a/src/pages/EventDetail/EventDetailPage.jsx
+++ b/src/pages/EventDetail/EventDetailPage.jsx
@@ -17,10 +17,10 @@ const EventDetailPage = () => {
     console.log('EVENT_ID:', EVENT_ID);
     const fetchData = async () => {
       try {
-        const response = await axiosInstance.get(
+        const { data } = await axiosInstance.get(
           `/api/v1/events/${USER_ID}/${EVENT_ID}`,
         );
-        const eventData = response.data;
+        const eventData = data.eventSchedules[1];
         if (eventData) {
           const parsedEvent = {
             title: eventData.eventTitle,
@@ -100,9 +100,12 @@ const EventDetailPage = () => {
                 {parsedEvents.detail}
               </S.EventContentDescription>
             </S.EventContent>
-            <S.SendButtonWrapper>
+            <S.ButtonWrapper>
               <S.SendButton onClick={handleEmail}>출석 명단 전송</S.SendButton>
-            </S.SendButtonWrapper>
+              <S.GotoAttendancePageLink to="/attendance/student-id">
+                출석체크 페이지로 이동
+              </S.GotoAttendancePageLink>
+            </S.ButtonWrapper>
           </S.EventSection>
         </S.DetailWrapper>
       )}
diff --git a/src/pages/EventDetail/EventDetailPage.style.jsx b/src/pages/EventDetail/EventDetailPage.style.jsx
index e3aeeb9..de9e1ad 100644
--- a/src/pages/EventDetail/EventDetailPage.style.jsx
+++ b/src/pages/EventDetail/EventDetailPage.style.jsx
@@ -1,5 +1,6 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { BREAKPOINTS } from '../../styles';
+import { Link } from 'react-router-dom';
 
 export const Background = styled.div`
   display: flex;
@@ -148,24 +149,40 @@ export const EventContentDescription = styled.p`
   font-size: 16px;
 `;
 
-export const SendButtonWrapper = styled.div`
+export const ButtonWrapper = styled.div`
   display: flex;
+  flex-direction: column;
   justify-content: center;
-  margin: 20px 0px;
+  margin: 20px 0;
+  gap: 6px;
 `;
 
-export const SendButton = styled.button`
+const buttonStyle = css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
   width: 100%;
   height: 40px;
   border: none;
   border-radius: 4px;
-  background-color: #0075ff;
-  color: white;
   font-size: 16px;
   cursor: pointer;
   transition: background-color 0.3s ease;
+`;
+
+export const SendButton = styled.button`
+  ${buttonStyle};
+  background-color: #0075ff;
+  color: white;
 
   &:hover {
     background-color: #0167cd;
   }
 `;
+
+export const GotoAttendancePageLink = styled(Link)`
+  ${buttonStyle}
+  background-color: #ffffff;
+  color: #383636;
+  border: 2px solid #0075ff;
+`;