From 388e76c7613d8a049a697d5fd706741a577f05e8 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 11 May 2024 07:04:12 +0500
Subject: [PATCH] feat(Design/Navbar): move logout button to tooltip on user
 avatar hover

---
 .../NavigationRail/NavigationRail.jsx         | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/app/components/NavigationRail/NavigationRail.jsx b/frontend/app/components/NavigationRail/NavigationRail.jsx
index e399168..4839b3c 100644
--- a/frontend/app/components/NavigationRail/NavigationRail.jsx
+++ b/frontend/app/components/NavigationRail/NavigationRail.jsx
@@ -65,6 +65,17 @@ export const NavigationRail = (props) => {
             width="64"
             height="64"
           />
+          <div className="tooltip bottom round">
+            {" "}
+            {userStore.isAuth && (
+              <button
+                className="circle transparent"
+                onClick={() => userStore.logout()}
+              >
+                <i>logout</i>
+              </button>
+            )}
+          </div>
         </Link>
       ) : (
         <button
@@ -90,15 +101,6 @@ export const NavigationRail = (props) => {
         );
       })}
 
-      {userStore.isAuth && (
-        <button
-          className="circle transparent"
-          onClick={() => userStore.logout()}
-        >
-          <i>logout</i>
-        </button>
-      )}
-
       <span className="max"></span>
 
       <button className="circle transparent" onClick={() => copyToClipboard()}>