diff --git a/frontend/src/images/logo.png b/frontend/src/images/logo.png
deleted file mode 100644
index 4eade18..0000000
Binary files a/frontend/src/images/logo.png and /dev/null differ
diff --git a/frontend/src/images/logo.svg b/frontend/src/images/logo.svg
new file mode 100644
index 0000000..c2cd2f0
--- /dev/null
+++ b/frontend/src/images/logo.svg
@@ -0,0 +1,2297 @@
+
+
\ No newline at end of file
diff --git a/frontend/src/pages/chat/css/left-panel.module.scss b/frontend/src/pages/chat/css/left-panel.module.scss
index 098c72e..0184cef 100644
--- a/frontend/src/pages/chat/css/left-panel.module.scss
+++ b/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;
diff --git a/frontend/src/pages/chat/ui/left/ChatHeader.tsx b/frontend/src/pages/chat/ui/left/ChatHeader.tsx
index dac200b..cfb4f14 100644
--- a/frontend/src/pages/chat/ui/left/ChatHeader.tsx
+++ b/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 (
<>
+ 
{PRODUCT_NAME}