archive/MemShellParty
1
0
Fork 0
mirror of https://github.com/ReaJason/MemShellParty.git synced 2026-09-24 07:51:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(web): format code

Browse Source
This commit is contained in:
ReaJason
2025-08-13 23:53:40 +08:00
parent ede8a649bc
commit a5f6411444
40 changed files with 551 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/copyable-field.tsx
+17 -3
View File
@@ -12,7 +12,11 @@ interface CopyableFieldProps {
text?: string;
}
export function CopyableField({ label, value, text }: Readonly<CopyableFieldProps>) {
export function CopyableField({
label,
value,
text,
}: Readonly<CopyableFieldProps>) {
const [hasCopied, setHasCopied] = useState(false);
const { t } = useTranslation();
@@ -40,8 +44,18 @@ export function CopyableField({ label, value, text }: Readonly<CopyableFieldProp
<Label className="text-sm text-muted-foreground">{label}：</Label>
{value && (
<CopyToClipboard text={value} onCopy={handleCopy}>
<Button variant="ghost" size="icon" type="button" className="h-8 w-8" disabled={hasCopied}>
{hasCopied ? <Check className="h-4 w-4" /> : <Copy className="h-4 w-4" />}
<Button
variant="ghost"
size="icon"
type="button"
className="h-8 w-8"
disabled={hasCopied}
>
{hasCopied ? (
<Check className="h-4 w-4" />
) : (
<Copy className="h-4 w-4" />
)}
</Button>
</CopyToClipboard>
)}