feat(Jwt): 重构 JWT 组件,新增常量和结果视图
- 新增 constants.ts 文件,定义 JWT 输入占位符和配置常量,提升代码可读性。 - 删除 JwtSection 组件,重构为 JwtResultView 组件,简化结果展示逻辑。 - 更新 index.tsx,使用 JwtResultView 组件替代原有的 JWT 结果展示方式,优化页面结构。
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user