Skip to content

[UI] 어드민 세미나 신청자 리스트 및 연사별 질문 ui 수정 #266

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wnsjun wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

[UI] 어드민 세미나 신청자 리스트 및 연사별 질문 ui 수정 #266

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
26ab9b4
#257 [UI] 어드민 세미나 신청자관리-신청시각 필드 추가
wnsjun Nov 11, 2025
307d610
Merge branch 'develop' of https://github.com/hongik-devtalk/Devtalk-C…
wnsjun Nov 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/components/admin/applicants/ApplicantsDetailList.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import checkbox from '../../../assets/icons/components/SeminarApply/checkbox.svg
// 지원자 데이터 타입
interface Applicant {
id: number; // 각 지원자의 고유 ID (React의 key로 사용)
appliedAt: string; // 신청시각
seminarName: string; // 세미나명
studentId: string; // API 요청용 studentId (ApplicantData의 studentId)
studentNum: string; // 학번 (표시용)
Expand Down Expand Up @@ -44,10 +45,10 @@ const ApplicantsDetailList: React.FC<ApplicantsDetailListProps> = ({
const cellStyle = "border border-grey-400 px-5 py-3 text-center body-1-semibold text-white ";

// 헤더 목록
const headers = ['세미나명', '학번', '학과', '학년', '이름', '연락처', '이메일', '온/오프라인 참여 여부', '이번 세미나를 알게 된 경로', '출석'];
const headers = ['신청시각', '세미나명', '학번', '학과', '학년', '이름', '연락처', '이메일', '온/오프라인 참여 여부', '이번 세미나를 알게 된 경로', '출석'];

// 데이터 키 목록 (applicant 객체의 속성명과 매칭)
const dataKeys = ['seminarName', 'studentNum', 'department', 'grade', 'name', 'contact', 'email', 'attendanceType', 'referralSource'] as const;
const dataKeys = ['appliedAt', 'seminarName', 'studentNum', 'department', 'grade', 'name', 'contact', 'email', 'attendanceType', 'referralSource'] as const;

// 출석 토글 함수
const toggleAttendance = async (id: number, studentId: string) => {
Expand Down
18 changes: 18 additions & 0 deletions src/pages/admin/seminar-manage/applicants/Detail.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,22 @@ const Detail = () => {
const { data: applicantsData } = useSeminarApplicantsDetail(id!);
const { mutate: updateAttendance } = useUpdateAttendanceCheck(id!);

// 날짜 포맷 함수 (YYYY. M. DD 오전/오후 H:MM:SS)
const formatDateKorean = (dateString: string): string => {
const date = new Date(dateString);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();

const period = hours >= 12 ? '오후' : '오전';
const hour12 = hours % 12 || 12;

return `${year}. ${month}. ${day} ${period} ${hour12}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
};

// inflowPath 매핑 함수
const getInflowPathLabel = (inflowPath: string) => {
const inflowPathMap: { [key: string]: string } = {
Expand Down Expand Up @@ -49,6 +65,7 @@ const Detail = () => {
const applicants =
applicantsData?.result?.students?.map((applicant, index) => ({
id: index + 1,
appliedAt: formatDateKorean(applicant.appliedAt),
seminarName: applicant.topic,
studentId: applicant.studentId,
studentNum: applicant.studentNum,
Expand All @@ -72,6 +89,7 @@ const Detail = () => {

// 엑셀 다운로드용 헤더 매핑
const excelHeaders = {
appliedAt: '신청시각',
seminarName: '세미나명',
studentNum: '학번',
department: '학과',
Expand Down