fix: better buttons

iforge-uos · Apr 15, 2024 · 1c945ca · 1c945ca
1 parent 3c8f8be
commit 1c945ca
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/apps/forge/src/components/signin/dashboard/components/SignInDrawer.tsx b/apps/forge/src/components/signin/dashboard/components/SignInDrawer.tsx
@@ -1,6 +1,6 @@
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ui/components/ui/collapsible.tsx";
 import { Button } from "@ui/components/ui/button.tsx";
-import { ArrowDownIcon, ArrowRightIcon } from "lucide-react";
+import { ArrowDownIcon, ArrowRightIcon, Ban } from "lucide-react";
 import { FC, useState } from "react";
 import type { SignInEntry } from "@ignis/types/sign_in.ts";
 import { Alert, AlertDescription, AlertTitle } from "@ui/components/ui/alert.tsx";
@@ -40,9 +40,15 @@ export const SignInDrawer: FC<SignInDrawerProps> = ({ title, entries, startExpan
               onClick={toggleOpen}
               disabled={entries.length === 0}
             >
-              {isOpen ? <ArrowDownIcon className="h-4 w-4" /> : <ArrowRightIcon className="h-4 w-4" />}
-              Toggle
-              <span className="sr-only">Toggle</span>
+              {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>
+                </>
+              )}
             </Button>
           </CollapsibleTrigger>
         </div>