History

Use Button for the auto-registered clients toggle

Rhys Sullivan committed 4 months ago

Commit e334fd61 parent 639b3e31 file · +7 −3Browse files

Unified · Split

packages/react/src/components/add-account-modal.tsx+7−3
@@ -1953,15 +1953,19 @@ function AddAccountModalView(props: AddAccountModalProps) { · 1952 unmodified lines
1953 and deleted without cluttering the picker. */}1953 and deleted without cluttering the picker. */}
1954 {dcrClients.length > 0 && (1954 {dcrClients.length > 0 && (
1955 <div className="border-t border-border/60 pt-3">1955 <div className="border-t border-border/60 pt-3">
1956 <button1956 <Button
1957 type="button"1957 type="button"
1958 className="flex w-full items-center justify-between text-xs font-medium text-muted-foreground hover:text-foreground"1958 variant="ghost"
1959 className={cn(
1960 "h-auto w-full justify-between rounded-none p-0 text-xs font-medium text-muted-foreground",
1961 "hover:bg-transparent hover:text-foreground",
1962 )}
1959 onClick={() => setShowAutoRegistered((prev) => !prev)}1963 onClick={() => setShowAutoRegistered((prev) => !prev)}
1960 aria-expanded={showAutoRegistered}1964 aria-expanded={showAutoRegistered}
1961 >1965 >
1962 <span>Auto-registered clients ({dcrClients.length})</span>1966 <span>Auto-registered clients ({dcrClients.length})</span>
1963 <span aria-hidden>{showAutoRegistered ? "−" : "+"}</span>1967 <span aria-hidden>{showAutoRegistered ? "−" : "+"}</span>
1964 </button>1968 </Button>
1965 {showAutoRegistered ? (1969 {showAutoRegistered ? (
1966 <div className="space-y-2 pt-2">1970 <div className="space-y-2 pt-2">
1967 <p className="text-xs text-muted-foreground">1971 <p className="text-xs text-muted-foreground">