hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: format

Browse source
This commit is contained in:
codytseng 2026-01-22 22:28:07 +08:00
parent 4bd4141b54
commit e490407dd5
225 changed files with 924 additions and 844 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/RelaySetCard/index.tsx
View file

@ -20,21 +20,21 @@ export default function RelaySetCard({
return (
<div
className={cn(
'group relative w-full border rounded-lg px-3 py-2.5 transition-all duration-200',
'group relative w-full rounded-lg border px-3 py-2.5 transition-all duration-200',
select
? 'border-primary bg-primary/5 shadow-sm'
: 'border-border hover:border-primary/50 hover:bg-accent/50 clickable'
: 'clickable border-border hover:border-primary/50 hover:bg-accent/50'
)}
onClick={() => onSelectChange(!select)}
>
<div className="flex justify-between items-center gap-2">
<div className="flex gap-3 items-center flex-1 min-w-0">
<div className="flex justify-center items-center size-6 shrink-0">
<div className="flex items-center justify-between gap-2">
<div className="flex min-w-0 flex-1 items-center gap-3">
<div className="flex size-6 shrink-0 items-center justify-center">
<FolderClosed className="size-5" />
</div>
<div className="font-medium select-none truncate">{relaySet.name}</div>
<div className="select-none truncate font-medium">{relaySet.name}</div>
</div>
<div className="flex gap-1 items-center shrink-0">
<div className="flex shrink-0 items-center gap-1">
<RelayUrlsExpandToggle expand={expand} onExpandChange={setExpand}>
{t('n relays', { n: relaySet.relayUrls.length })}
</RelayUrlsExpandToggle>
@ -56,7 +56,7 @@ function RelayUrlsExpandToggle({
}) {
return (
<div
className="text-xs text-muted-foreground flex items-center gap-0.5 cursor-pointer hover:text-foreground transition-colors"
className="flex cursor-pointer items-center gap-0.5 text-xs text-muted-foreground transition-colors hover:text-foreground"
onClick={(e) => {
e.stopPropagation()
onExpandChange(!expand)
@ -75,11 +75,11 @@ function RelayUrls({ urls }: { urls: string[] }) {
if (!urls) return null
return (
<div className="mt-2.5 pt-2.5 border-t space-y-1.5">
<div className="mt-2.5 space-y-1.5 border-t pt-2.5">
{urls.map((url) => (
<div key={url} className="flex items-center gap-2.5 pl-1">
<RelayIcon url={url} className="size-4 shrink-0" classNames={{ fallback: 'size-3' }} />
<div className="text-muted-foreground text-xs truncate">{url}</div>
<div className="truncate text-xs text-muted-foreground">{url}</div>
</div>
))}
</div>