From 66f2aea4ec5719661b281ec7fe763fec99e2f08b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=ED=98=84=EC=A1=B0?= <j96263732@gmail.com>
Date: Sun, 29 Sep 2024 22:11:22 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EB=8C=93=EA=B8=80=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=96=B4=20=EB=A7=A8=20=EC=95=9E=EC=9C=BC=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ImageCanvas/index.tsx | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/ImageCanvas/index.tsx b/frontend/src/components/ImageCanvas/index.tsx
index 6915766..79988bb 100644
--- a/frontend/src/components/ImageCanvas/index.tsx
+++ b/frontend/src/components/ImageCanvas/index.tsx
@@ -359,30 +359,7 @@ export default function ImageCanvas() {
         <Layer>
           <Image image={image} />
         </Layer>
-        <Layer>
-          {comments.map((comment) => (
-            <CommentLabel
-              key={comment.id}
-              comment={comment}
-              updateComment={(updatedComment) => {
-                updateCommentMutation.mutate({
-                  commentId: comment.id,
-                  commentData: {
-                    content: updatedComment.content,
-                    positionX: updatedComment.positionX,
-                    positionY: updatedComment.positionY,
-                  },
-                });
-              }}
-              deleteComment={(commentId) => {
-                deleteCommentMutation.mutate(commentId);
-              }}
-              toggleComment={(commentId) => {
-                useCommentStore.getState().toggleComment(commentId);
-              }}
-            />
-          ))}
-        </Layer>
+
         {project?.type !== 'classification' && (
           <Layer listening={drawState === 'pointer'}>
             {labels.map((label) =>
@@ -455,6 +432,30 @@ export default function ImageCanvas() {
           </Layer>
         )}
 
+        <Layer>
+          {comments.map((comment) => (
+            <CommentLabel
+              key={comment.id}
+              comment={comment}
+              updateComment={(updatedComment) => {
+                updateCommentMutation.mutate({
+                  commentId: comment.id,
+                  commentData: {
+                    content: updatedComment.content,
+                    positionX: updatedComment.positionX,
+                    positionY: updatedComment.positionY,
+                  },
+                });
+              }}
+              deleteComment={(commentId) => {
+                deleteCommentMutation.mutate(commentId);
+              }}
+              toggleComment={(commentId) => {
+                useCommentStore.getState().toggleComment(commentId);
+              }}
+            />
+          ))}
+        </Layer>
         <Layer ref={dragLayerRef} />
       </Stage>
       <CanvasControlBar