'use client'; import { ChatArea } from '@admin/components/chat/chat-area'; import { ChatSidebar } from '@admin/components/chat/chat-sidebar'; import { GroupInfo } from '@admin/components/chat/group-info'; import GeneralHeader from '@admin/components/general-header'; import { chats, groupInfo, messages as initialMessages } from '@admin/data/chatdata'; import AppLayout from '@admin/layouts/app-layout'; import type { Message } from '@admin/lib/types'; import { Head } from '@inertiajs/react'; import { ReactNode, useState } from 'react'; type MobileView = 'sidebar' | 'chat' | 'info'; function Index() { const [activeChat, setActiveChat] = useState('2'); const [messages, setMessages] = useState(initialMessages); const [showGroupInfo, setShowGroupInfo] = useState(true); const [mobileView, setMobileView] = useState('sidebar'); const handleSendMessage = (content: string) => { const newMessage: Message = { id: String(messages.length + 1), senderId: 'current', senderName: 'You', content, timestamp: new Date().toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', }), read: false, }; setMessages([...messages, newMessage]); }; const handleFileSend = (files: File[]) => { files.forEach((file, index) => { const newMessage: Message = { id: String(messages.length + index + 1), senderId: 'current', senderName: 'You', content: `📎 ${file.name}`, timestamp: new Date().toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', }), read: false, }; setMessages((prev) => [...prev, newMessage]); }); }; const handleChatSelect = (chatId: string) => { setActiveChat(chatId); setMobileView('chat'); }; const handleGroupInfoToggle = () => { setShowGroupInfo(!showGroupInfo); if (!showGroupInfo) { setMobileView('info'); } }; const currentChat = chats?.find((chat) => chat.id === activeChat); return (
setMobileView('sidebar')} onInfoClick={handleGroupInfoToggle} />
{showGroupInfo && (
{ setShowGroupInfo(false); setMobileView('chat'); }} onBack={() => setMobileView('chat')} />
)}
); } Index.layout = (page: ReactNode) => ( {page} ); export default Index;