feat: display issuer common name and serial in CA tables

This commit is contained in:
dyzulk
2026-01-07 09:50:29 +07:00
parent 2690eef65b
commit 55d9b4a782
2 changed files with 18 additions and 14 deletions

View File

@@ -23,6 +23,7 @@ interface CaCertificate {
status: string; status: string;
is_latest: boolean; is_latest: boolean;
issuer_name?: string; issuer_name?: string;
issuer_serial?: string;
} }
interface ArchiveManagementTableProps { interface ArchiveManagementTableProps {
@@ -109,15 +110,16 @@ export default function ArchiveManagementTable({
</div> </div>
</TableCell> </TableCell>
<TableCell className="px-5 py-4 text-start"> <TableCell className="px-5 py-4 text-start">
{cert.issuer_name === "Self-Signed" ? ( <div className="flex flex-col">
<Badge size="sm" color="info" variant="outline" className="text-[10px]"> <span className="text-[10px] text-gray-700 dark:text-gray-300 font-medium">
{t("self_signed")}
</Badge>
) : (
<span className="text-[10px] text-gray-600 dark:text-gray-400 italic">
{cert.issuer_name || "-"} {cert.issuer_name || "-"}
</span> </span>
)} {cert.issuer_serial && (
<span className="text-[9px] text-gray-400 font-mono italic leading-tight">
{cert.issuer_serial}
</span>
)}
</div>
</TableCell> </TableCell>
<TableCell className="px-5 py-4 text-start text-theme-xs text-gray-500 dark:text-gray-400"> <TableCell className="px-5 py-4 text-start text-theme-xs text-gray-500 dark:text-gray-400">
<div className="flex flex-col"> <div className="flex flex-col">

View File

@@ -22,6 +22,7 @@ interface CaCertificate {
valid_to: string; valid_to: string;
status: string; status: string;
issuer_name?: string; issuer_name?: string;
issuer_serial?: string;
} }
interface RootCaTableProps { interface RootCaTableProps {
@@ -108,15 +109,16 @@ export default function RootCaTable({
{cert.common_name} {cert.common_name}
</TableCell> </TableCell>
<TableCell className="px-5 py-4 text-start"> <TableCell className="px-5 py-4 text-start">
{cert.issuer_name === "Self-Signed" ? ( <div className="flex flex-col">
<Badge size="sm" color="info" variant="outline"> <span className="text-theme-sm text-gray-700 dark:text-gray-300 font-medium">
{t("self_signed")}
</Badge>
) : (
<span className="text-theme-sm text-gray-600 dark:text-gray-400 italic">
{cert.issuer_name || "-"} {cert.issuer_name || "-"}
</span> </span>
)} {cert.issuer_serial && (
<span className="text-[10px] text-gray-400 font-mono italic">
{cert.issuer_serial}
</span>
)}
</div>
</TableCell> </TableCell>
<TableCell className="px-5 py-4 text-start font-mono text-theme-xs text-gray-500 dark:text-gray-400"> <TableCell className="px-5 py-4 text-start font-mono text-theme-xs text-gray-500 dark:text-gray-400">
{cert.serial_number} {cert.serial_number}