1- import { Moon , Sun , Menu , X , User , LogOut } from "lucide-react" ;
1+ import { Moon , Sun , Menu , X , User } from "lucide-react" ;
22import { Button } from "@/shared/components/ui/button" ;
33import { useNavbar } from "@/shared/hooks" ;
4- import { useAuth , useUser , useClerk } from "@clerk/clerk-react" ;
4+ import { useAuth , useUser } from "@clerk/clerk-react" ;
55import { useNavigate } from "react-router-dom" ;
66import { CLERK_ROUTES } from "@/shared/config/clerk" ;
77
@@ -15,9 +15,8 @@ function Navbar() {
1515 } = useNavbar ( ) ;
1616 const navigate = useNavigate ( ) ;
1717
18- const { isSignedIn, isLoaded } = useAuth ( ) ;
18+ const { isSignedIn } = useAuth ( ) ;
1919 const { user } = useUser ( ) ;
20- const { signOut } = useClerk ( ) ;
2120
2221 const primaryEmail = user ?. primaryEmailAddress ?. emailAddress ;
2322
@@ -101,15 +100,6 @@ function Navbar() {
101100 < User className = "h-4 w-4" />
102101 { primaryEmail || user ?. firstName || 'User' }
103102 </ Button >
104- < Button
105- variant = "ghost"
106- size = "sm"
107- onMouseDown = { ( ) => signOut ( ) }
108- disabled = { ! isLoaded }
109- className = "text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
110- >
111- < LogOut className = "h-4 w-4" />
112- </ Button >
113103 </ div >
114104 ) : (
115105 < Button
@@ -206,15 +196,6 @@ function Navbar() {
206196 < User className = "h-4 w-4" />
207197 { primaryEmail || user ?. firstName || 'User' }
208198 </ Button >
209- < Button
210- variant = "ghost"
211- className = "w-full justify-start text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
212- onMouseDown = { ( ) => signOut ( ) }
213- disabled = { ! isLoaded }
214- >
215- < LogOut className = "h-4 w-4" />
216- Logout
217- </ Button >
218199 </ div >
219200 ) : (
220201 < Button
0 commit comments