diff --git a/src/features/reviews/components/ReviewRating/ShortReviewModal.tsx b/src/features/reviews/components/ReviewRating/ShortReviewModal.tsx index 9a8843dc..c78176b6 100644 --- a/src/features/reviews/components/ReviewRating/ShortReviewModal.tsx +++ b/src/features/reviews/components/ReviewRating/ShortReviewModal.tsx @@ -3,6 +3,7 @@ import { PropsWithChildren } from "react"; import Modal from "@/components/Modal"; import Textarea from "@/components/TextArea"; +import { ReviewInfo } from "../../api/review"; import useReviewForm from "../../hook/useReviewForm"; import AttractionPoint from "../AttractionPoint"; @@ -15,23 +16,16 @@ import { } from "./ShortReviewModal.style"; import SpoilerCheckBox from "./SpoilerCheckBox"; -export interface MOCK_USER_REVIEW_DATA { - reviewId: number; - animeId: number; - content: string; - isSpoiler: boolean; - character: boolean; - art: boolean; - story: boolean; - voiceActing: boolean; - sound: boolean; -} +export type UserReview = Pick< + ReviewInfo, + "reviewId" | "animeId" | "content" | "isSpoiler" +>; interface ShortReviewModalProps { onClose: () => void; onReview: () => void; showBackdrop?: boolean; - userReviewData?: MOCK_USER_REVIEW_DATA; + userReviewData?: UserReview; } export default function ShortReviewModal({ @@ -67,7 +61,7 @@ export default function ShortReviewModal({ 그림체 ), - isChecked: form.art, + isChecked: form.drawing, }, { name: "story", @@ -86,7 +80,7 @@ export default function ShortReviewModal({ 성우들의 미친 연기력 ), - isChecked: form.voiceActing, + isChecked: form.voiceActor, }, { name: "sound", @@ -95,7 +89,7 @@ export default function ShortReviewModal({ 가슴이 옹졸해지는 음악 ), - isChecked: form.sound, + isChecked: form.music, }, ];