fix: reply overrap

review-canvas · Jun 17, 2024 · b933d2b · b933d2b
1 parent 531bb89
commit b933d2b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/web/src/components/reply/board-style-item.tsx b/apps/web/src/components/reply/board-style-item.tsx
@@ -130,11 +130,11 @@ export default function BoardStyleReply(props: ReplyItemProps) {
 
   const showingText = () => {
     return (
-      <div>
+      <div className={props.reply.isMine ? 'mt-5' : ''}>
         <p className="text-left">{props.reply.deleted ? '삭제된 댓글입니다.' : content}</p>
         {!props.reply.deleted && props.reply.isMine ? (
           /*eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions --
-This is intentional*/
+          This is intentional*/
           <div
             className="absolute top-2 right-1 text-gray-700/90 mt-1 z-5"
             onClick={(evt) => {

diff --git a/apps/web/src/components/review/infinite-list.tsx b/apps/web/src/components/review/infinite-list.tsx
@@ -53,7 +53,6 @@ export default function InfiniteList({ layoutDesign, productID, filter, sort }:
       window.removeEventListener('message', handleMessage);
     };
   }, []);
-
   const reviews = reviewListQuery.data.pages.flatMap((it) => it.data.content);
   return (
     <>

diff --git a/apps/web/src/components/review/paginated-list.tsx b/apps/web/src/components/review/paginated-list.tsx
@@ -57,7 +57,7 @@ export default function ReviewList({ layoutDesign, productID, filter, sort }: Re
   }, []);
 
   const reviews = reviewListQuery.data.data.content;
-
+  layoutDesign = 'CARD';
   return (
     <>
       <ul

diff --git a/apps/web/src/contexts/function/review-item.ts b/apps/web/src/contexts/function/review-item.ts
@@ -76,6 +76,7 @@ export const useReviewItem = (props: ReviewItemProps) => {
       setLiked(!isLiked);
     });
   };
+  style.reviewLike.buttonType = 'THUMB_UP_WITH_TEXT';
   return {
     style,
     id,
-Original file line number
+Diff line change
@@ Expand Up @@
           window.removeEventListener('message', handleMessage);
         };
       }, []);
       const reviews = reviewListQuery.data.pages.flatMap((it) => it.data.content);
       return (
         <>
@@ Expand Down @@