diff --git a/frontend/src/pages/Bucket/BucketDetail/Comment/Comment.tsx b/frontend/src/pages/Bucket/BucketDetail/Comment/Comment.tsx index df7befcf..ce1f523d 100644 --- a/frontend/src/pages/Bucket/BucketDetail/Comment/Comment.tsx +++ b/frontend/src/pages/Bucket/BucketDetail/Comment/Comment.tsx @@ -1,6 +1,7 @@ import UserProfile from '../../../../components/UserProfile' import { ICommentItem, TimeUnitType } from '../../../../interfaces' import ActiveLikeButton from './ActiveLikeButton' +import ShowMoreButton from './ShowMoreButton' import UnActiveLikeButton from './UnActiveLikeButton' const getTime = (time: number, timeUnit: TimeUnitType): string => { @@ -34,6 +35,7 @@ const Comment = ({ commentInfo }: ICommentProps) => { + ) } diff --git a/frontend/src/pages/Bucket/BucketDetail/Comment/ShowMoreButton.tsx b/frontend/src/pages/Bucket/BucketDetail/Comment/ShowMoreButton.tsx new file mode 100644 index 00000000..d8ce2212 --- /dev/null +++ b/frontend/src/pages/Bucket/BucketDetail/Comment/ShowMoreButton.tsx @@ -0,0 +1,46 @@ +import { Menu, Transition } from '@headlessui/react' +import { AiOutlineMore } from 'react-icons/ai' + +const ShowMoreButton = () => { + const handleClickModifyButton = () => { + // Todo : 수정 모드로 변경 + } + const handleClickDeleteButton = () => { + // Todo : 삭제 요청 Api 적용 + } + return ( +
+ + + + + + + + + + + + + + + +
+ ) +} + +export default ShowMoreButton