feat: 추가된 isMyGoal 값 적용 및 일부 스타일 수정

depromeet · Mar 17, 2024 · 6d6258d · 6d6258d
1 parent 501fe23
commit 6d6258d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/src/features/comment/CommentsBottomSheet.tsx b/src/features/comment/CommentsBottomSheet.tsx
@@ -18,9 +18,6 @@ export const CommentsBottomSheet = ({ goalId, ...props }: CommentsBottomSheetPro
   const { open } = useOverlay();
   const { data } = useGetComment({ goalId });
 
-  // TODO: 응답값에 필드 추가되면 교체
-  const isMyGoal = true;
-
   const handleDelete = (commentId: number) => () => {
     open(({ isOpen, close }) => (
       <DeleteCommentBottomSheet goalId={goalId} open={isOpen} onClose={close} commentId={commentId} />
@@ -30,16 +27,16 @@ export const CommentsBottomSheet = ({ goalId, ...props }: CommentsBottomSheetPro
   return (
     <CommentBottomSheetLayout total={data?.commentCount || 0} goalId={goalId} {...props}>
       {data && data?.commentCount ? (
-        <div className="h-[360px] overflow-y-auto">
+        <div className="h-full overflow-y-auto">
           <AnimatePresence>
             {data.comments.map((comment) => (
-              <div className="flex flex-col gap-3xs mb-3xs" key={comment.id}>
+              <div className="flex flex-col gap-3xs" key={comment.id}>
                 <Comment
                   {...comment}
-                  isDeletable={isMyGoal || comment.isMyComment}
+                  isDeletable={data.isMyGoal || comment.isMyComment}
                   onDelete={handleDelete(comment.id)}
                 />
-                <div className="h-[1px] bg-gray-20" />
+                <div className="h-[1px] bg-gray-20 mb-3xs" />
               </div>
             ))}
           </AnimatePresence>

diff --git a/src/features/comment/DeleteCommentBottomSheet.tsx b/src/features/comment/DeleteCommentBottomSheet.tsx
@@ -16,7 +16,7 @@ export const DeleteCommentBottomSheet = ({ open, onClose, goalId, commentId }: D
       fixedMaxHeight={150}
       FooterComponent={<Footer goalId={goalId} commentId={commentId} onClose={onClose} />}
     >
-      <Typography type="title2" className="w-full text-left px-xs">
+      <Typography type="title2" className="w-full text-left px-xs pt-3xs">
         댓글을 삭제하시겠어요?
       </Typography>
     </BottomSheet>

diff --git a/src/hooks/reactQuery/comment/useGetComment.ts b/src/hooks/reactQuery/comment/useGetComment.ts
@@ -7,6 +7,7 @@ type CommentRequestParams = {
 };
 
 export type CommentResponse = {
+  isMyGoal: boolean;
   comments: CommentProps[];
   commentCount: number;
 };