fix: show/hide being in the wrong place

iforge-uos · May 4, 2024 · 2a50b7a · 2a50b7a
1 parent 0c9a06c
commit 2a50b7a
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/apps/forge/src/components/signin/dashboard/components/SignInDrawer.tsx b/apps/forge/src/components/signin/dashboard/components/SignInDrawer.tsx
@@ -48,15 +48,17 @@ export const SignInDrawer: FC<SignInDrawerProps> = ({
               </span>
               <h4 className="text-lg font-bold">{title}</h4>
             </div>
-            {entries.length === 0 ? (
-              <Ban className="h-4 w-4" />
-            ) : (
-              <>
-                {isOpen ? "Hide" : "Show"}
-                {isOpen ? <ArrowRightIcon className="h-4 w-4" /> : <ArrowDownIcon className="h-4 w-4" />}
-                <span className="sr-only">{isOpen ? "Hide" : "Show"}</span>
-              </>
-            )}
+            <div className="flex items-center gap-2">
+              {entries.length === 0 ? (
+                <Ban className="h-4 w-4" />
+              ) : (
+                <>
+                  {isOpen ? "Hide" : "Show"}
+                  {isOpen ? <ArrowRightIcon className="h-4 w-4" /> : <ArrowDownIcon className="h-4 w-4" />}
+                  <span className="sr-only">{isOpen ? "Hide" : "Show"}</span>
+                </>
+              )}
+            </div>
           </Button>
         </CollapsibleTrigger>
         <CollapsibleContent asChild>