Merge pull request piyushgarg-dev#262 from tanpreetjolly/logout-butto…

…n-icon feat: logout icon added to navbar button and mobile view adjusted
cybertron15 · Oct 28, 2023 · 55fe12e · 55fe12e
2 parents d0e04c4 + 444a1f8
commit 55fe12e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/components/Dashboard/DashboardNavbar/index.tsx b/components/Dashboard/DashboardNavbar/index.tsx
@@ -1,5 +1,5 @@
 import { useRouter } from 'next/navigation'
-
+import { LogOut } from 'lucide-react'
 import DashboardMobileSidebar from '@/components/Dashboard/DashboardMobileSidebar'
 import ProjectSwitch from '@/components/Dashboard/ProjectSwitch'
 import { ThemeToggle } from '@/components/ThemeToggle'
@@ -20,7 +20,10 @@ const DashboardNavbar: React.FC = () => {
         <div className="ml-auto flex items-center gap-2 sm:gap-4">
           <ThemeToggle />
           {user ? (
-            <Button onClick={signOut}>Logout</Button>
+            <Button onClick={signOut} className='flex gap-1.5'>
+              <span className='hidden sm:block'>Logout</span>
+              <LogOut size={17}/>
+            </Button>
           ) : (
             <Button onClick={() => router.push('/signin')} className="">
               Login