From e66f242c2ce02d051788d1934f7346c2066c6b12 Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Tue, 16 Jun 2026 21:44:49 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20click=20v=C3=A0o=20n=C3=BAt=20b=C3=ACnh?=
 =?UTF-8?q?=20lu=E1=BA=ADn=20kh=C3=B4ng=20load=20d=C6=B0=E1=BB=A3c=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/CommentModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/CommentModal.tsx b/frontend/src/components/CommentModal.tsx
index d6d1daa..493a414 100644
--- a/frontend/src/components/CommentModal.tsx
+++ b/frontend/src/components/CommentModal.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { X, Send, MessageSquare, User, Loader2, Trash2 } from 'lucide-react';
 import { io } from 'socket.io-client';
 import { useTourStore } from '@/store/useTourStore';
-import { useConfirm } from '@/hooks/useConfirm';
+import { ConfirmModal } from './ConfirmModal';
 
 interface Comment {
   id: string;
@@ -26,7 +26,7 @@ export const CommentModal: React.FC<CommentModalProps> = ({ isOpen, onClose, loc
   const [comments, setComments] = useState<Comment[]>([]);
   const [newComment, setNewComment] = useState('');
   const [isLoading, setIsLoading] = useState(false);
-  const confirm = useConfirm();
+  const [confirmState, setConfirmState] = useState({ open: false, commentId: '' });
 
   const userRole = useTourStore(state => state.userRole);
   const currentUserId = React.useMemo(() => {