Merge pull request #96 from Dsmita03/main

logo update

src/assets/styles/Header.css

@@ -12,18 +12,23 @@
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); 
   }
 
-  .logo {
-    font-weight: bold;
-    font-size: 1.5rem;
+
+  .logo img {
+    height: 50px; /* Adjust the height as per your design */
+    width: auto; /* This keeps the image's aspect ratio */
+    display: block; /* Ensures the image is displayed properly */
   }
 
-  .logo .highlight {
-    color: #ff5733; /* Customize highlight color */
+
+  .logo {
+    margin-right: 20px; /* Adjust spacing around the logo */
   }
 
-  .logo span {
-    font-size: 24px;
-    font-weight: bold;
+  /* Responsive design: Adjust the logo size for smaller screens */
+  @media (max-width: 768px) {
+    .logo img {
+      height: 40px; /* Adjust the size for smaller devices */
+    }
   }
 
   .search-bar {

src/components/Header.js

@@ -8,6 +8,7 @@ import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
 import { useSelector } from "react-redux";
 import { logout } from "../services/operations/authAPI";
 import { useDispatch } from "react-redux";
+import logo from '../assets/images/logo1.png';
 
 function Header() {
 	const navigate = useNavigate();
@@ -17,9 +18,7 @@ function Header() {
 	return (
 		<header className="header container-fluid d-flex align-items-center justify-content-between p-3 bg-white">
 			<div className="logo">
-				<span>book</span>
-				<span className="highlight">my</span>
-				<span>show</span>
+			<img src={logo} alt="Logo" className="logo-image" />
 			</div>
 			<div className="search-bar input-group">
 				<input

yarn.lock

@@ -5345,6 +5345,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@^2.3.2, fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"