web/frontend/src/ui/components/chat/ChatMainHeader.tsx

import { useChat } from "../../hooks/useChat";
import defaultAvatar from "../../../resources/images/default-avatar.png";

export function ChatMainHeader() {
    const { currentChat } = useChat();

    return (
        <div className="chat-header">
            <img src={defaultAvatar} alt="Avatar" className="chat-header-avatar" />
            <div className="chat-header-info">
                <div className="info-chat">
                    <h4 id="chat-name">{currentChat}</h4>
                    <p>
                        <span className="online-status"></span>
                        Онлайн
                    </p>
                </div>
            </div>
        </div>
    );
}