[Feature]: 스터디 상세 정보 작성

apps/admin/apis/study/createStudyApi.ts

@@ -1,18 +1,22 @@
 import { fetcher } from "@wow-class/utils";
 import { apiPath } from "constants/apiPath";
-import { tags } from "constants/tags";
-import type { StudyListApiResponseDto } from "types/dtos/studyList";
+import type { CreateStudyApiRequestDto } from "types/dtos/createStudy";
+import type { CreateStudyDetailInfoApiRequestDto } from "types/dtos/studyDetailInfo";
 
 export const createStudyApi = {
-  getStudyList: async () => {
-    const response = await fetcher.get<StudyListApiResponseDto[]>(
-      apiPath.studyList,
-      {
-        next: { tags: [tags.studyList] },
-        cache: "force-cache",
-      }
-    );
+  postCreateStudy: async (data: CreateStudyApiRequestDto) => {
+    const response = await fetcher.post(apiPath.createStudy, data);
 
-    return response.data;
+    return { success: response.ok };
+  },
+  postStudyDetailInfo: async (
+    data: CreateStudyDetailInfoApiRequestDto,
+    studyId: number
+  ) => {
+    const response = await fetcher.patch(
+      `${apiPath.createStudyDetailInfo}/${studyId}`,
+      data
+    );
+    return { success: response.ok };
   },
 };

apps/admin/apis/study/studyInfoApi.ts → apps/admin/apis/study/studyApi.ts

@@ -1,13 +1,25 @@
 import { fetcher } from "@wow-class/utils";
-import { mentorApiPath } from "constants/apiPath";
+import { apiPath, mentorApiPath } from "constants/apiPath";
 import { tags } from "constants/tags";
 import type { AnnouncementApiResponseDto } from "types/dtos/announcement";
 import type { AssignmentApiResponseDto } from "types/dtos/assignmentList";
-import type { SessionApiResponseDto } from "types/dtos/sessionList";
+import type { CurriculumApiResponseDto } from "types/dtos/curriculumList";
 import type { StudyBasicInfoApiResponseDto } from "types/dtos/studyBasicInfo";
 import type { StudyAnnouncementType } from "types/entities/study";
 
-export const studyInfoApi = {
+import type { StudyListApiResponseDto } from "../../types/dtos/studyList";
+
+export const studyApi = {
+  getStudyList: async () => {
+    const response = await fetcher.get<StudyListApiResponseDto[]>(
+      apiPath.studyList,
+      {
+        next: { tags: [tags.studyList] },
+      }
+    );
+
+    return response.data;
+  },
   getStudyBasicInfo: async (studyId: number) => {
     const response = await fetcher.get<StudyBasicInfoApiResponseDto>(
       `/common/studies/${studyId}`,
@@ -36,11 +48,11 @@ export const studyInfoApi = {
 
     return { success: response.ok };
   },
-  getSessionList: async (studyId: number) => {
-    const response = await fetcher.get<SessionApiResponseDto[]>(
-      `${mentorApiPath.sessions}?study=${studyId}`,
+  getCurriculumList: async (studyId: number) => {
+    const response = await fetcher.get<CurriculumApiResponseDto[]>(
+      `${mentorApiPath.curriculums}?studyId=${studyId}`,
       {
-        next: { tags: [tags.sessions] },
+        next: { tags: [tags.curriculums] },
         cache: "force-cache",
       }
     );

apps/admin/app/studies/[studyId]/@modal/(.)announcement-delete/page.tsx

@@ -3,7 +3,7 @@
 import { Flex } from "@styled-system/jsx";
 import { Modal, Space, Text } from "@wow-class/ui";
 import { useModalRoute } from "@wow-class/ui/hooks";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { tags } from "constants/tags";
 import { useSearchParams } from "next/navigation";
 import { revalidateTagByName } from "utils/revalidateTagByName";
@@ -17,7 +17,7 @@ const AnnouncementDeleteModal = () => {
   const { closeModal } = useModalRoute();
 
   const handleClickDeleteButton = async () => {
-    const result = await studyInfoApi.deleteStudyAnnouncement(
+    const result = await studyApi.deleteStudyAnnouncement(
       Number(studyAnnouncementId)
     );
     if (result.success) {

apps/admin/app/studies/[studyId]/@modal/(.)announcement-modify/page.tsx

@@ -3,7 +3,7 @@
 import { Flex } from "@styled-system/jsx";
 import { Modal, Space, Text } from "@wow-class/ui";
 import { useModalRoute } from "@wow-class/ui/hooks";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { tags } from "constants/tags";
 import { useSearchParams } from "next/navigation";
 import { useState } from "react";
@@ -25,7 +25,7 @@ const AnnouncementModifyModal = () => {
   const { closeModal } = useModalRoute();
 
   const handleClickModifyButton = async () => {
-    const result = await studyInfoApi.modifyStudyAnnouncement(
+    const result = await studyApi.modifyStudyAnnouncement(
       Number(studyAnnouncementId),
       studyAnnouncement
     );

apps/admin/app/studies/[studyId]/_components/announcement/CreateStudyAnnouncement.tsx

@@ -3,7 +3,7 @@
 import { css } from "@styled-system/css";
 import { Flex } from "@styled-system/jsx";
 import { Text } from "@wow-class/ui";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { tags } from "constants/tags";
 import { useState } from "react";
 import type { StudyAnnouncementType } from "types/entities/study";
@@ -19,7 +19,7 @@ const CreateStudyAnnouncement = ({ studyId }: { studyId: string }) => {
     });
 
   const handlePublishAnnouncement = async (studyId: string) => {
-    const { success } = await studyInfoApi.publishStudyAnnouncement(
+    const { success } = await studyApi.publishStudyAnnouncement(
       parseInt(studyId, 10),
       studyAnnouncement
     );

apps/admin/app/studies/[studyId]/_components/announcement/StudyAnnouncement.tsx

@@ -1,7 +1,7 @@
 import { css } from "@styled-system/css";
 import { Flex } from "@styled-system/jsx";
 import { Space, Table, Text } from "@wow-class/ui";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { routerPath } from "constants/router/routerPath";
 import Image from "next/image";
 import Link from "next/link";
@@ -12,12 +12,12 @@ import TextButton from "wowds-ui/TextButton";
 import CreateStudyAnnouncement from "./CreateStudyAnnouncement";
 
 const StudyAnnouncement = async ({ studyId }: { studyId: string }) => {
-  const announcementList = await studyInfoApi.getStudyAnnouncement(
+  const announcementList = await studyApi.getStudyAnnouncement(
     parseInt(studyId, 10)
   );
 
   return (
-    <section aria-label="session-list">
+    <section aria-label="curriculum-list">
       <Text typo="h2">스터디 공지</Text>
       <Space height={24} />
       <CreateStudyAnnouncement studyId={studyId} />

apps/admin/app/studies/[studyId]/_components/assignment/AssignmentList.tsx

@@ -1,10 +1,10 @@
 import { Space, Text } from "@wow-class/ui";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 
 import AssignmentListItem from "./AssignmentListItem";
 
 const AssignmentList = async ({ studyId }: { studyId: string }) => {
-  const assignmentList = await studyInfoApi.getAssignmentList(
+  const assignmentList = await studyApi.getAssignmentList(
     parseInt(studyId, 10)
   );
 

apps/admin/app/studies/[studyId]/_components/assignment/AssignmentListItem.tsx

@@ -3,7 +3,7 @@ import { cva } from "@styled-system/css";
 import { Flex } from "@styled-system/jsx";
 import { Table, Text } from "@wow-class/ui";
 import { padWithZero, parseISODate } from "@wow-class/utils";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { tags } from "constants/tags";
 import Link from "next/link";
 import type { AssignmentApiResponseDto } from "types/dtos/assignmentList";
@@ -30,7 +30,7 @@ const AssignmentListItem = ({
   const studyDeadline = `종료 : ${year}년 ${month}월 ${day}일 ${padWithZero(hours)}:${padWithZero(minutes)}`;
 
   const handleCancelAssignment = async (studyDetailId: number) => {
-    const { success } = await studyInfoApi.cancelAssignment(studyDetailId);
+    const { success } = await studyApi.cancelAssignment(studyDetailId);
     if (success) {
       window.alert("휴강 처리에 성공했어요.");
       revalidateTagByName(tags.assignments);

apps/admin/app/studies/[studyId]/_components/assignment/CancelStudyButton.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { Flex } from "@styled-system/jsx";
-import { studyInfoApi } from "apis/study/studyInfoApi";
+import { studyApi } from "apis/study/studyApi";
 import { useRouter } from "next/navigation";
-import type { AssignmentStatusType } from "types/entities/study";
+import type { StudyAssignmentStatusType } from "types/entities/study";
 import Button from "wowds-ui/Button";
 
 const CancelStudyButton = ({
@@ -12,11 +12,11 @@ const CancelStudyButton = ({
 }: {
   descriptionLink: string;
   studyDetailId: number;
-  assignmentStatus: AssignmentStatusType;
+  assignmentStatus: StudyAssignmentStatusType;
 }) => {
   const router = useRouter();
   const handleCancelAssignment = async (studyDetailId: number) => {
-    const { success } = await studyInfoApi.cancelAssignment(studyDetailId);
+    const { success } = await studyApi.cancelAssignment(studyDetailId);
     if (success) {
       console.log("휴강 처리에 성공했어요.");
     } else {

apps/admin/app/studies/[studyId]/_components/curriculum/CurriculumList.tsx

@@ -0,0 +1,30 @@
+import { Space, Text } from "@wow-class/ui";
+import { studyApi } from "apis/study/studyApi";
+
+import CurriculumListItem from "./CurriculumListItem";
+import EmptyCurriculumList from "./EmptyCurriculumList";
+
+const CurriculumList = async ({ studyId }: { studyId: string }) => {
+  const curriculumList = await studyApi.getCurriculumList(
+    parseInt(studyId, 10)
+  );
+
+  if (curriculumList?.length === 0) {
+    return <EmptyCurriculumList />;
+  }
+
+  return (
+    <section aria-label="curriculum-list">
+      <Text typo="h2">스터디 커리큘럼</Text>
+      <Space height={24} />
+      {curriculumList?.map((curriculum) => (
+        <CurriculumListItem
+          curriculum={curriculum}
+          key={`curriculumItem-${curriculum.studyDetailId}`}
+        />
+      ))}
+    </section>
+  );
+};
+
+export default CurriculumList;

apps/admin/app/studies/[studyId]/_components/session/SessionListItem.tsx → apps/admin/app/studies/[studyId]/_components/curriculum/CurriculumListItem.tsx

@@ -3,18 +3,22 @@ import { Flex } from "@styled-system/jsx";
 import { Table, Text } from "@wow-class/ui";
 import { padWithZero, parseISODate } from "@wow-class/utils";
 import type { ComponentProps } from "react";
-import type { SessionApiResponseDto } from "types/dtos/sessionList";
+import type { CurriculumApiResponseDto } from "types/dtos/curriculumList";
 import type { StudyDifficultyType } from "types/entities/study";
 import getIsCurrentWeek from "utils/getIsCurrentWeek";
 import Tag from "wowds-ui/Tag";
 
-const SessionListItem = ({ session }: { session: SessionApiResponseDto }) => {
-  const { description = "", period, week, title, difficulty } = session;
+const CurriculumListItem = ({
+  curriculum,
+}: {
+  curriculum: CurriculumApiResponseDto;
+}) => {
+  const { description = "", period, week, title, difficulty } = curriculum;
   const { startDate, endDate } = period;
   const { month: startMonth, day: startDay } = parseISODate(startDate);
   const { month: endMonth, day: endDay } = parseISODate(endDate);
 
-  const sessionTimeLine = `${padWithZero(startMonth)}.${padWithZero(startDay)} - ${padWithZero(endMonth)}.${padWithZero(endDay)}`;
+  const curriculumTimeLine = `${padWithZero(startMonth)}.${padWithZero(startDay)} - ${padWithZero(endMonth)}.${padWithZero(endDay)}`;
   const thisWeekAssignment = getIsCurrentWeek(endDate);
 
   return (
@@ -45,13 +49,13 @@ const SessionListItem = ({ session }: { session: SessionApiResponseDto }) => {
         </Flex>
       </Table.Left>
       <Table.Right>
-        <Text typo="body1">{sessionTimeLine}</Text>
+        <Text typo="body1">{curriculumTimeLine}</Text>
       </Table.Right>
     </Table>
   );
 };
 
-export default SessionListItem;
+export default CurriculumListItem;
 
 const ThisWeekBarStyle = cva({
   base: {

apps/admin/app/studies/[studyId]/_components/session/EmptySessionList.tsx → apps/admin/app/studies/[studyId]/_components/curriculum/EmptyCurriculumList.tsx

@@ -2,15 +2,15 @@ import { Flex } from "@styled-system/jsx";
 import { Space, Text } from "@wow-class/ui";
 import Image from "next/image";
 
-const EmptySessionList = () => {
+const EmptyCurriculumList = () => {
   return (
-    <section aria-label="empty-session-list" style={{ width: "100%" }}>
+    <section aria-label="empty-curriculum-list" style={{ width: "100%" }}>
       <Text typo="h2">스터디 커리큘럼</Text>
       <Space height={24} />
       <Flex direction="column" width="100%">
         <Flex alignItems="center" direction="column" gap="xs">
           <Image
-            alt="empty-session"
+            alt="empty-curriculum"
             height={50}
             src="/images/empty.svg"
             width={150}
@@ -24,4 +24,4 @@ const EmptySessionList = () => {
   );
 };
 
-export default EmptySessionList;
+export default EmptyCurriculumList;