From 8cde498a8938e2f0d6f21205423c7aa74d69e6dc Mon Sep 17 00:00:00 2001
From: Woojiseok <jisurk154@naver.com>
Date: Sun, 14 Jul 2024 13:35:05 +0900
Subject: [PATCH] =?UTF-8?q?FE-43=E2=9C=A8=20=EC=97=90=ED=94=BC=EA=B7=B8?=
 =?UTF-8?q?=EB=9E=A8=20=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EB=8D=94=EB=B3=B4=EA=B8=B0=20=EB=93=9C=EB=A1=AD=EB=8B=A4?=
 =?UTF-8?q?=EC=9A=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/epigram/MoreOptionMenu.tsx | 20 ++++++++++++++++++++
 src/pageLayout/Epigram/EpigramFigure.tsx  |  5 +++--
 2 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/components/epigram/MoreOptionMenu.tsx

diff --git a/src/components/epigram/MoreOptionMenu.tsx b/src/components/epigram/MoreOptionMenu.tsx
new file mode 100644
index 00000000..271f3db2
--- /dev/null
+++ b/src/components/epigram/MoreOptionMenu.tsx
@@ -0,0 +1,20 @@
+import Image from 'next/image';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';
+
+function MoreOptionsMenu() {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button type='button'>
+          <Image src='/meatballIcon.svg' alt='더 보기 아이콘' width={36} height={36} />
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent>
+        <DropdownMenuItem>수정</DropdownMenuItem>
+        <DropdownMenuItem>삭제</DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
+export default MoreOptionsMenu;
diff --git a/src/pageLayout/Epigram/EpigramFigure.tsx b/src/pageLayout/Epigram/EpigramFigure.tsx
index 9188bd09..efafac50 100644
--- a/src/pageLayout/Epigram/EpigramFigure.tsx
+++ b/src/pageLayout/Epigram/EpigramFigure.tsx
@@ -1,5 +1,6 @@
-import { EpigramFigureProps } from '@/types/epigram.types';
 import Image from 'next/image';
+import MoreOptionsMenu from '@/components/epigram/MoreOptionMenu';
+import { EpigramFigureProps } from '@/types/epigram.types';
 
 function EpigramFigure({ epigram, currentUserId }: EpigramFigureProps) {
   const isAuthor = currentUserId === epigram.writerId;
@@ -12,7 +13,7 @@ function EpigramFigure({ epigram, currentUserId }: EpigramFigureProps) {
               #{tag.name}
             </p>
           ))}
-          {isAuthor && <Image src='/meatballIcon.svg' alt='더 보기 아이콘' width={36} height={36} />}
+          {isAuthor && <MoreOptionsMenu />}
         </div>
         <blockquote className=''>
           <p className='text-2xl lg:text-3xl font-normal'>{epigram.content}</p>