jhynsoo/worlabel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: 댓글 레이어 맨 앞으로

Browse Source
This commit is contained in:
정현조 2024-09-29 22:11:22 +09:00
parent ec54881187
commit 66f2aea4ec
1 changed files with 25 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/components/ImageCanvas/index.tsx
View File

@ -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