Restructure

2026-09-22 19:15:08 +03:00 · 2025-10-09 22:35:12 +03:00
parent b638326653
commit 32e08cdfdb
43 changed files with 205 additions and 268 deletions
@@ -0,0 +1,38 @@
+import { PRODUCT_NAME } from "../../../../core/config";
+import useProfile from "../../hooks/useProfile";
+import defaultAvatar from "../../../resources/images/default-avatar.png";
+import { useState } from "react";
+import { ProfileDialog } from "./profile/ProfileDialog";
+
+export function ChatHeader() {
+    const { profileData } = useProfile();
+    const [isProfileOpen, setIsProfileOpen] = useState(false);
+
+    const handleProfileClick = () => {
+        setIsProfileOpen(true);
+    };
+
+    const profilePictureUrl = profileData?.profile_picture || defaultAvatar;
+
+    return (
+        <>
+            <header className="chat-header-left">
+                <div className="product-name">{PRODUCT_NAME}</div>
+                <div className="profile">
+                    <a href="#" id="profile-open" onClick={handleProfileClick}>
+                        <img 
+                            src={profilePictureUrl} 
+                            alt="" 
+                            id="preview1"
+                            onError={(e) => {
+                                const target = e.target as HTMLImageElement;
+                                target.src = defaultAvatar;
+                            }}
+                        />
+                    </a>
+                </div>
+            </header>
+            <ProfileDialog isOpen={isProfileOpen} onOpenChange={setIsProfileOpen} />
+        </>
+    );
+}