diff --git a/packages/web-client/src/features/chat/presentation/components/ChatWindow.tsx b/packages/web-client/src/features/chat/presentation/components/ChatWindow.tsx index 3023724..80a1b4a 100644 --- a/packages/web-client/src/features/chat/presentation/components/ChatWindow.tsx +++ b/packages/web-client/src/features/chat/presentation/components/ChatWindow.tsx @@ -4,11 +4,11 @@ import { InputArea } from './InputArea'; import { TypingIndicator } from './TypingIndicator'; import { useChatStore } from '../stores/chatStore'; import { useChat } from '../hooks/useChat'; -import { MessageSquare } from 'lucide-react'; +import { MessageSquare, Menu } from 'lucide-react'; export function ChatWindow() { const messagesEndRef = useRef(null); - const { messages, currentConversationId, isStreaming, streamContent } = useChatStore(); + const { messages, currentConversationId, isStreaming, streamContent, sidebarOpen, toggleSidebar } = useChatStore(); const { sendMessage } = useChat(); // Auto-scroll to bottom @@ -23,8 +23,17 @@ export function ChatWindow() { return (
{/* Header */} -
+
+ {/* Menu toggle button - shown when sidebar is closed */} + {!sidebarOpen && ( + + )}
diff --git a/packages/web-client/src/features/chat/presentation/pages/ChatPage.tsx b/packages/web-client/src/features/chat/presentation/pages/ChatPage.tsx index db9e1ed..e04269f 100644 --- a/packages/web-client/src/features/chat/presentation/pages/ChatPage.tsx +++ b/packages/web-client/src/features/chat/presentation/pages/ChatPage.tsx @@ -1,6 +1,5 @@ import { useEffect } from 'react'; import { useParams } from 'react-router-dom'; -import { Menu, X } from 'lucide-react'; import { clsx } from 'clsx'; import { ChatWindow } from '../components/ChatWindow'; import { ChatSidebar } from '../components/ChatSidebar'; @@ -10,7 +9,7 @@ import { useAnonymousAuth } from '@/shared/hooks/useAnonymousAuth'; export default function ChatPage() { const { conversationId } = useParams(); const { userId, isLoading: authLoading } = useAnonymousAuth(); - const { setCurrentConversation, loadConversations, sidebarOpen, toggleSidebar, setSidebarOpen } = useChatStore(); + const { setCurrentConversation, loadConversations, sidebarOpen, setSidebarOpen } = useChatStore(); useEffect(() => { if (userId) { @@ -64,31 +63,6 @@ export default function ChatPage() { {/* Main chat area */}
- {/* Mobile header with menu button */} -
- - 香港移民咨询 -
- - {/* Desktop toggle button */} - {!sidebarOpen && ( - - )} -