雨霖铃
06b9d29270
- 新增 constants.ts 文件，定义 JWT 输入占位符和配置常量，提升代码可读性。 - 删除 JwtSection 组件，重构为 JwtResultView 组件，简化结果展示逻辑。 - 更新 index.tsx，使用 JwtResultView 组件替代原有的 JWT 结果展示方式，优化页面结构。
31 lines
821 B
TypeScript
31 lines
821 B
TypeScript
import { CopyButton } from '@/components/CopyButton';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
interface JwtCopyBlockProps {
|
|
title: string;
|
|
copyText: string;
|
|
titleClassName?: string;
|
|
containerClassName?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function JwtCopyBlock({
|
|
title,
|
|
copyText,
|
|
titleClassName,
|
|
containerClassName,
|
|
children,
|
|
}: JwtCopyBlockProps) {
|
|
return (
|
|
<div className={cn('p-4 rounded-xl border shadow-sm', containerClassName)}>
|
|
<div className="flex justify-between items-center mb-2 select-none">
|
|
<span className={cn('text-xs font-bold tracking-wider uppercase', titleClassName)}>
|
|
{title}
|
|
</span>
|
|
<CopyButton text={copyText} className="h-6 w-6 rounded-md border text-muted-foreground" />
|
|
</div>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|