added logo to header

src/components/Nav.tsx

@@ -5,7 +5,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faUser } from '@fortawesome/free-solid-svg-icons'
 import { AccountPage } from 'pages'
 import { Box, Heading, Flex, Spacer, Button, Image, Avatar, HStack, Input } from "@chakra-ui/react"
-import Logo from '../img/logo.png'
+import AppLogo from '../img/logo.png'
+import NisumLogo from '../img/nisum.jpeg'
 import {
     Drawer,
     DrawerBody,
@@ -49,11 +50,18 @@ const Nav = () => {
     return (
         <Flex className="header" justifyContent="space-between">
             <Box >
-                <h1 className="header-title">Ascend Final Project</h1>
+                <Image 
+                    mt="-4px"
+                    src={NisumLogo} 
+                    alt="Nisum - Celebrating 20+ years logo"
+                    height="45px"
+                    // width="950px"
+                />
             </Box>
             <Box className="center-nav" display="-ms-inline-flexbox">
                 <HStack>
-                    <Link to="/"><Image src={Logo} alt="project logo" className="logoImg"/></Link>
+                    <Link to="/"><Image src={AppLogo} alt="Order Management Console PRO logo" className="logoImg"/></Link>
+                   
                     <h1>Order Management</h1>
                     {/* <Link to="/"><h1>Order Management</h1></Link> */}
                 </HStack>