From 0577f416901592ea037b9bc04f1af520512015c9 Mon Sep 17 00:00:00 2001
From: Abhijeet Waghmare <149177534+abhijeetw035@users.noreply.github.com>
Date: Sun, 26 May 2024 12:26:35 +0530
Subject: [PATCH] added logo on left side of title of busify in navbar

---
 frontend/src/components/Navbar/index.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/frontend/src/components/Navbar/index.tsx b/frontend/src/components/Navbar/index.tsx
index 9ad11af..52fe9d0 100644
--- a/frontend/src/components/Navbar/index.tsx
+++ b/frontend/src/components/Navbar/index.tsx
@@ -19,6 +19,7 @@ import ArrowDropDown from '@mui/icons-material/ArrowDropDown';
 import toast, {Toaster} from 'react-hot-toast';
 import axios from 'axios';
 import {useScreen} from '../../customHooks/useScreen';
+import bus from '../../assets/busIcon.svg';
 
 const NavContainer = styled(Box)`
   display: flex;
@@ -126,7 +127,20 @@ export default function Navbar() {
         variant="h1"
         color={theme.palette.primary.main}
         fontSize={{xs: '1.25rem', md: '2.5rem'}}
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
       >
+        <img
+          src={bus}
+          alt="bus"
+          style={{
+            width: '1.5em',
+            height: '1.5em',
+          }}
+        />
         <LinkContainer
           to="/"
           style={{textDecoration: 'none', color: 'inherit'}}