From 1b38e78ebdff390b92886f06650cf6017d05ad3d Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sun, 14 Sep 2025 17:25:30 +0330
Subject: [PATCH] fix: change redirect button postion in ui

---
 app/components/dashboard/header.tsx | 62 ++++++++++++------------
 package-lock.json                   | 73 +++++++++++++++++++++++++++++
 2 files changed, 105 insertions(+), 30 deletions(-)

diff --git a/app/components/dashboard/header.tsx b/app/components/dashboard/header.tsx
index 16e955b..594821f 100644
--- a/app/components/dashboard/header.tsx
+++ b/app/components/dashboard/header.tsx
@@ -34,9 +34,8 @@ export function Header({
   const redirectHandler = async () => {
     try {
       const getData = await apiService.post('/GenerateSsoCode')
-      const url = `http://localhost:3000/redirect/${getData.data}`;
-      // const url = `https://inogen-bpms.pelekan.org/redirect/${getData.data}`;
-
+      // const url = `http://localhost:3000/redirect/${getData.data}`;
+      const url = `https://inogen-bpms.pelekan.org/redirect/${getData.data}`;
       window.open(url, "_blank");
     } catch (error) {
       console.log(error);
@@ -74,29 +73,39 @@ export function Header({
       <div className="flex items-center gap-2">
         {/* User Menu */}
         <div className="relative">
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => setIsProfileMenuOpen(!isProfileMenuOpen)}
-            className="flex items-center gap-2 text-gray-300"
-          >
-            <div className="w-8 h-8 bg-gradient-to-r from-emerald-500/20 to-teal-500/20 text-emerald-400 rounded-full flex items-center justify-center">
-              <User className="h-4 w-4" />
-            </div>
-            <div className="hidden sm:block text-right">
-              <div className="text-sm font-medium font-persian">
-                {user?.name} {user?.family}
-              </div>
-              <div className="text-xs text-gray-400 font-persian">
-                {user?.username}
-              </div>
-            </div>
-            <ChevronDown className="h-3 w-3" />
-          </Button>
+          <div className="flex items-center gap-2">
 
+
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={() => setIsProfileMenuOpen(!isProfileMenuOpen)}
+              className="flex items-center gap-2 text-gray-300"
+            >
+              <div className="w-8 h-8 bg-gradient-to-r from-emerald-500/20 to-teal-500/20 text-emerald-400 rounded-full flex items-center justify-center">
+                <User className="h-4 w-4" />
+              </div>
+              <div className="hidden sm:block text-right">
+                <div className="text-sm font-medium font-persian">
+                  {user?.name} {user?.family}
+                </div>
+                <div className="text-xs text-gray-400 font-persian">
+                  {user?.username}
+                </div>
+              </div>
+              <ChevronDown className="h-3 w-3" />
+            </Button>
+
+            <button
+              className="flex w-full items-center gap-2 px-3 py-2 text-sm text-gray-300 hover:bg-gradient-to-r hover:from-emerald-500/10 hover:to-teal-500/10 hover:text-emerald-300 font-persian"
+              onClick={redirectHandler}>
+              <Server className="h-4 w-4" />
+              ورود به سامانه BPMS
+            </button>
+          </div>
           {/* Profile Dropdown */}
           {isProfileMenuOpen && (
-            <div className="absolute left-0 top-full mt-2 w-48 bg-gray-800 border border-emerald-500/30 rounded-lg shadow-lg z-50">
+            <div className="absolute left-1/2 top-full mt-2 w-48 bg-gray-800 border border-emerald-500/30 rounded-lg shadow-lg z-50">
               <div className="p-3 border-b border-emerald-500/30">
                 <div className="text-sm font-medium text-white font-persian">
                   {user?.name} {user?.family}
@@ -122,13 +131,6 @@ export function Header({
                   <Settings className="h-4 w-4" />
                   تنظیمات
                 </Link>
-
-                <button
-                  className="flex w-full items-center gap-2 px-3 py-2 text-sm text-gray-300 hover:bg-gradient-to-r hover:from-emerald-500/10 hover:to-teal-500/10 hover:text-emerald-300 font-persian"
-                  onClick={redirectHandler}>
-                  <Server className="h-4 w-4" />
-                  ورود به سامانه BPMS
-                </button>
               </div>
             </div>
           )}
diff --git a/package-lock.json b/package-lock.json
index 4340ade..35a0092 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,10 +10,12 @@
         "@radix-ui/react-dialog": "^1.1.14",
         "@radix-ui/react-dropdown-menu": "^2.1.15",
         "@radix-ui/react-label": "^2.0.2",
+        "@radix-ui/react-popover": "^1.1.15",
         "@radix-ui/react-progress": "^1.1.7",
         "@radix-ui/react-select": "^2.2.5",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-tooltip": "^1.2.8",
         "@react-router/node": "^7.7.0",
         "@react-router/serve": "^7.7.1",
         "@types/d3": "^7.4.3",
@@ -967,6 +969,43 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.15.tgz",
+      "integrity": "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-popper": {
       "version": "1.2.8",
       "license": "MIT",
@@ -1202,6 +1241,40 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
+      "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.1",
       "license": "MIT",