-
+
+
+
{`${current}`}
+
{`/ ${count}`}
+
diff --git a/src/entities/lecture/ui/IntroductionBanner/IntroductionBanner.tsx b/src/entities/lecture/ui/IntroductionBanner/IntroductionBanner.tsx
new file mode 100644
index 0000000..39fcf4a
--- /dev/null
+++ b/src/entities/lecture/ui/IntroductionBanner/IntroductionBanner.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link";
+
+const IntroductionBanner = () => {
+ return (
+
+
+
+
+
+
+ 새로운 일상의
+
+
+ 반은 왔어요
+
+
+
+ 시작이 반이다!
+
+
+
+
+ );
+};
+
+export default IntroductionBanner;
diff --git a/src/entities/lecture/ui/IntroductionBanner/index.ts b/src/entities/lecture/ui/IntroductionBanner/index.ts
new file mode 100644
index 0000000..b55c4ed
--- /dev/null
+++ b/src/entities/lecture/ui/IntroductionBanner/index.ts
@@ -0,0 +1 @@
+export { default as IntroductionBanner } from "./IntroductionBanner";
diff --git a/src/entities/lecture/ui/LectureCard/HomeLectureCard/HomeLectureCard.tsx b/src/entities/lecture/ui/LectureCard/HomeLectureCard/HomeLectureCard.tsx
new file mode 100644
index 0000000..796bb75
--- /dev/null
+++ b/src/entities/lecture/ui/LectureCard/HomeLectureCard/HomeLectureCard.tsx
@@ -0,0 +1,168 @@
+import { LectureInfo, PickLectureInfo } from "@/entities/lecture/model/lecture";
+import { MouseEvent, useEffect, useState } from "react";
+
+import { Button } from "@/shared/ui";
+import { HeartsLectureListResDataInfo } from "@/features/like/model/like";
+import Image from "next/image";
+import Link from "next/link";
+import { toast } from "sonner";
+import useDeleteLikeLecture from "@/features/like/api/useDeleteLikeLecture";
+import usePostLikeLecture from "@/features/like/api/usePostLikeLecture";
+
+interface HomeLectureCardProps {
+ lectureData: LectureInfo | PickLectureInfo | HeartsLectureListResDataInfo;
+ type: "homeLecture" | "pickLecture";
+}
+const HomeLectureCard = (props: HomeLectureCardProps) => {
+ const { lectureData, type } = props;
+
+ const {
+ id,
+ thumbnail,
+ name,
+ time,
+ target,
+ status,
+ address,
+ division,
+ link,
+ heart,
+ start_date,
+ end_date,
+ day_of_week,
+ } = lectureData;
+
+ const [dimensions, setDimensions] = useState({ width: 384, height: 280 });
+
+ const postLikeLecture = usePostLikeLecture(id);
+ const deleteLikeLecture = useDeleteLikeLecture(id);
+
+ useEffect(() => {
+ const handleResize = () => {
+ if (window.innerWidth < 768) {
+ setDimensions({ width: 240, height: 168 });
+ } else if (window.innerWidth < 1440) {
+ setDimensions({ width: 280, height: 188 });
+ } else {
+ setDimensions({ width: 384, height: 280 });
+ }
+ };
+
+ window.addEventListener("resize", handleResize);
+
+ // 초기 크기 설정
+ handleResize();
+
+ return () => {
+ window.removeEventListener("resize", handleResize);
+ };
+ }, []);
+
+ const handleLikeClick = (e: MouseEvent
) => {
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (lectureData.heart === true) {
+ deleteLikeLecture.mutate(
+ {
+ lectureId: id,
+ },
+ {
+ onSuccess: () => {
+ toast("좋아요 삭제 성공");
+ },
+ },
+ );
+ }
+ if (lectureData.heart === false) {
+ postLikeLecture.mutate(
+ {
+ lectureId: id,
+ },
+ {
+ onSuccess: () => {
+ toast("좋아요 성공");
+ },
+ },
+ );
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
{`문화`}
+
+
+
+
+
+
+
+ {/* FIXME: 색상 추가 */}
+
+ {address}
+
+
+ {start_date.replaceAll("-", ".").split(".")[1]}.
+ {start_date.replaceAll("-", ".").split(".")[2]}({day_of_week}){" "}
+ {/* TODO: time to 오전 오후 시간 */}
+ {Number(time.split(":")[0]) / 12 ? "오후" : "오전"}{" "}
+ {Number(time.split(":")[0]) % 12}:
+ {time.split(":")[1].slice(0, 2)}
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- {target}
-
-
-
- [{name}]
-
-
-
-
-
-
- {/* FIXME: 색상 추가 */}
-
- {address}
-
-
- {time.split(" ")[0].replaceAll("-", ".")}
-
-
-
-
-
-
-
-
-
-
-
- {/* TODO: CHIP 컴포넌트 개발 필요 */}
-
- 문화
-
-
-
-
- {name}
-
-
- {target}
-
-
-
- {/* FIXME: 색상 추가 */}
-
- {address}
-
-
- {time.split(" ")[0].replaceAll("-", ".")}
-
-
-
-
+
+
+
+
+
{`문화`}
+
+
+
+
+
+
+
+ {/* FIXME: 색상 추가 */}
+
+ {address}
+
+
+ {start_date.replaceAll("-", ".").split(".")[1]}.
+ {start_date.replaceAll("-", ".").split(".")[2]}({day_of_week}){" "}
+ {/* TODO: time to 오전 오후 시간 */}
+ {Number(time.split(":")[0]) / 12 ? "오후" : "오전"}{" "}
+ {Number(time.split(":")[0]) % 12}:
+ {time.split(":")[1].slice(0, 2)}
+
+
+
+
+
+
+
+
+
+
+
+ {/* TODO: CHIP 컴포넌트 개발 필요 */}
+
+ 문화
+
+
+
+
+ {name}
+
+
+ {target}
+
+
+
+ {/* FIXME: 색상 추가 */}
+
+ {address}
+
+
+ {time.split(" ")[0].replaceAll("-", ".")}
+
+
+
+
+
+
+ );
}
return (
-
-
-
+
+
+
클래스 내용
- {/* TODO: 컴포넌트화 */}
- {lectureDetailList.map((lectureDetailItem) => {
- return (
-
- );
- })}
+ {lectureDetailList.map(
+ (lectureDetailItem: LectureDetailListProps) => {
+ return (
+
+ );
+ },
+ )}
-
-
+
+
강사 이력
{isLoading &&
}
{lectureInfo && (
-
+
{lectureInfo.instructor_name.map((instructor) => instructor.name)}
-
+
{lectureInfo.instructor_name.map((instructor) => {
return instructor.instructor_history.map((history, idx) => {
return - {history.content}
;
@@ -64,8 +73,10 @@ const LectureDetail = ({ lectureInfo, isLoading }: LectureDetailProps) => {
)}
-
-
교육 계획
+
+
+ 교육 계획
+
{/* {isLoading &&
} */}
{/* {lectureInfo &&
{lectureInfo.educationPlan}
} */}
diff --git a/src/entities/lecture/ui/LectureDetail/LectureDetailItem/LectureDetailItem.tsx b/src/entities/lecture/ui/LectureDetail/LectureDetailItem/LectureDetailItem.tsx
index 16afa8c..75534ad 100644
--- a/src/entities/lecture/ui/LectureDetail/LectureDetailItem/LectureDetailItem.tsx
+++ b/src/entities/lecture/ui/LectureDetail/LectureDetailItem/LectureDetailItem.tsx
@@ -6,10 +6,12 @@ export interface LectureDetailItemProps {
const LectureDetailItem = ({ title, content }: LectureDetailItemProps) => {
return (
-
+
{title}
- {content &&
{content}
}
+ {content && (
+
{content}
+ )}
);
};
diff --git a/src/entities/lecture/ui/LectureFooter/LectureFooter.tsx b/src/entities/lecture/ui/LectureFooter/LectureFooter.tsx
index 9dc5ad5..07a6018 100644
--- a/src/entities/lecture/ui/LectureFooter/LectureFooter.tsx
+++ b/src/entities/lecture/ui/LectureFooter/LectureFooter.tsx
@@ -4,6 +4,7 @@ import { Button, IconButton, Skeleton, UnifiedDialog } from "@/shared/ui";
import Image from "next/image";
import { Lecture } from "../../model/lecture";
+import { getCookie } from "cookies-next";
import { toast } from "sonner";
import useDeleteLikeLecture from "@/features/like/api/useDeleteLikeLecture";
import usePostLikeLecture from "@/features/like/api/usePostLikeLecture";
@@ -17,7 +18,7 @@ interface LectureFooterProps {
const LectureFooter = ({ lectureInfo, isLoading }: LectureFooterProps) => {
const [open, setOpen] = useState
(false);
- const tempApplyStatus = false;
+ const token = getCookie("accessToken");
const router = useRouter();
const postLikeLecture = usePostLikeLecture(lectureInfo ? lectureInfo.id : -1);
@@ -66,7 +67,7 @@ const LectureFooter = ({ lectureInfo, isLoading }: LectureFooterProps) => {
const triggerItem = () => {
return (
-
@@ -75,17 +76,14 @@ const LectureFooter = ({ lectureInfo, isLoading }: LectureFooterProps) => {
const dialogContent = () => {
return (
-
+
-
- 데이터가 만료되거나 이용 완료되어 불러오지 못했습니다.
+
불러오지 못했어요