Implement base DOM structure

2026-09-23 11:35:07 +03:00 · 2025-08-30 11:56:58 +03:00
parent 86f3a82aca
commit 138e0420cf
18 changed files with 389 additions and 2 deletions
@@ -0,0 +1,17 @@
+export function ChatMainHeader() {
+    return (
+        <div className="chat-header">
+            <img src="./src/resources/images/default-avatar.png" alt="Avatar" className="chat-header-avatar" />
+            <div className="chat-header-info">
+                <div className="info-chat">
+                    <h4 id="chat-name">Общий чат</h4>
+                    <p>
+                        <span className="online-status"></span>
+                        Онлайн
+                    </p>
+                </div>
+                <a href="#" id="hide-chat">Свернуть чат</a>
+            </div>
+        </div>
+    );
+}