Add new logo

frontend/src/pages/chat/css/left-panel.module.scss

@@ -26,6 +26,14 @@
         align-items: center;
         padding: 16px;
 
+        .logo {
+            $size: 35px;
+
+            width: $size;
+            height: $size;
+            margin-right: 8px;
+        }
+
         .productName {
             flex-grow: 1;
             font-size: 1.8rem;

frontend/src/pages/chat/ui/left/ChatHeader.tsx

@@ -5,13 +5,14 @@ import { useState } from "react";
 import { useAppState } from "@/pages/chat/state";
 import { MinimizedCallBar } from "@/pages/chat/ui/right/calls/MinimizedCallBar";
 import styles from "@/pages/chat/css/left-panel.module.scss";
+import logoIcon from "@/images/logo.svg";
 
 export function ChatHeader() {
     const { profileData } = useProfile();
     const { setProfileDialog, user } = useAppState();
     const [profilePictureUrl, setProfilePictureUrl] = useState(profileData?.profile_picture || defaultAvatar);
 
-    const handleProfileClick = () => {
+    function handleProfileClick() {
         setProfileDialog({
             userId: user.currentUser?.id,
             username: profileData?.username || "Пользователь",
@@ -27,6 +28,7 @@ export function ChatHeader() {
     return (
         <>
             <header className={styles.chatHeaderLeft}>
+                <img src={logoIcon} alt="Logo" className={styles.logo} />
                 <div className={styles.productName}>{PRODUCT_NAME}</div>
                 <div className={styles.profile}>
                     <a href="#" id="profile-open" onClick={handleProfileClick}>

frontend/src/pages/chat/ui/left/LeftPanel.tsx

@@ -15,8 +15,7 @@ function BottomAppBar() {
         <>
             <MaterialBottomAppBar>
                 <MaterialIconButton icon="settings--filled" id="settings-open" onClick={() => onSettingsOpenChange(true)} />
-                <MaterialIconButton icon="group_add--filled" />
+                <div style={{ flexGrow: 1 }} />
-                <div style={{ flexGrow: 1 }}></div>
                 <MaterialIconButton
                     icon="logout--filled"
                     id="logout-btn"
@@ -31,7 +30,7 @@ function BottomAppBar() {
 
 export function LeftPanel() {
     return (
-        <div className={styles.chatList} id="chat-list">
+        <div className={styles.chatList}>
             <ChatHeader />
             <div className={styles.searchContainer}>
                 <UsernameSearch />