From d42a244878be95bff68234d92087d71ab61cc696 Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Thu, 14 Dec 2023 19:04:05 +0100
Subject: [PATCH] logo to profile detail, fix styles

---
 .../components/ProfileDetail/MainInfo/TitleInfo.jsx    | 10 ++++------
 .../ProfileDetail/MainInfo/TitleInfo.module.css        |  4 ++--
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index ce338693b..0738bf01e 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -29,6 +29,7 @@ function TitleInfo({ isAuthorized, data }) {
           ? data.categories.slice(0, 4)
           : data.categories,
       isSaved: data.is_saved,
+      logo: data.logo_image,
     };
   }, [data]);
 
@@ -120,18 +121,14 @@ function TitleInfo({ isAuthorized, data }) {
     );
   };
 
-  // TODO: add logo from db once it's implemented on the server side
-
-  const logo = '';
-
   return (
     <div className={classes['title-block']}>
       <div className={classes['title-block__logo']}>
-        {!logo ? (
+        {!profile.logo ? (
           <DefaultLogo />
         ) : (
           <img className={classes['logo']}
-            src=""
+            src={profile.logo}
             alt="Company logo"
           />
         )}
@@ -198,5 +195,6 @@ TitleInfo.propTypes = {
       })
     ),
     is_saved: PropTypes.bool.isRequired,
+    logo_image: PropTypes.string,
   }).isRequired,
 };
diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
index 43830cfde..f7fa023ea 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
@@ -18,8 +18,8 @@
 }
 
 .logo {
-    width: 33.75px;
-    height: 33.75px;
+    width: 40px;
+    height: 40px;
     flex-shrink: 0;
     border-radius: 26px;
 }