fix-#387: added logo beside title in navbar (#391)

krishnaacharyaa · Jun 2, 2024 · d435990 · d435990
2 parents 055bdb8 + 08e08a9
commit d435990
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/layouts/header-layout.tsx b/frontend/src/layouts/header-layout.tsx
@@ -2,6 +2,7 @@ import ThemeToggle from '@/components/theme-toggle-button';
 import AddIcon from '@/assets/svg/add-icon-white.svg';
 import LogOutIcon from '@/assets/svg/logout-icon.svg';
 import LogInIcon from '@/assets/svg/login-icon.svg';
+import AppIcon from '@/assets/svg/app-icon.svg';
 import { useNavigate } from 'react-router-dom';
 import Hero from '@/components/hero';
 import { AxiosError, isAxiosError } from 'axios';
@@ -55,8 +56,13 @@ function header() {
       <div className="absolute inset-0 bg-black opacity-50"></div>
       <div className="absolute inset-0 flex flex-col px-8 py-8 text-slate-50 sm:px-16">
         <div className="flex w-full justify-between">
-          <div className="flex cursor-text items-center justify-between text-2xl font-semibold">
-          <Link to="/" style={{ textDecoration: 'none' }}>WanderLust</Link>
+          <div className="flex cursor-text items-center justify-between gap-2 text-2xl font-semibold">
+            <Link to="/">
+              <img src={AppIcon} className="h-10 w-10" />
+            </Link>
+            <Link to="/" style={{ textDecoration: 'none' }}>
+              WanderLust
+            </Link>
           </div>
           <div className="flex items-center justify-between">
             <div className="flex items-center justify-end px-4 sm:px-20">