Function useColumnDefs

frontend/src/react/components/AuditLogTable.tsx:354–483

()

}

function useColumnDefs(): ColumnDef[] {
  const { t } = useTranslation();
  return useMemo(
    () => [
      {
        key: "create_time",
        title: t("audit-log.table.created-ts"),
        defaultWidth: 220,
        minWidth: 160,
        resizable: true,
        sortable: true,
        render: (log: AuditLog) =>
          formatAbsoluteDateTime(
            getDateForPbTimestampProtoEs(log.createTime)?.getTime() ?? 0
          ),
      },
      {
        key: "severity",
        title: t("audit-log.table.level"),
        defaultWidth: 60,
        minWidth: 50,
        resizable: true,
        render: (log: AuditLog) => AuditLog_Severity[log.severity],
      },
      {
        key: "method",
        title: t("audit-log.table.method"),
        defaultWidth: 280,
        minWidth: 150,
        resizable: true,
        render: (log: AuditLog) => log.method,
      },
      {
        key: "actor",
        title: t("audit-log.table.actor"),
        defaultWidth: 200,
        minWidth: 120,
        resizable: true,
        render: (log: AuditLog) => {
          if (!log.user) return <span>-</span>;
          const email = extractUserEmail(log.user);
          return (
            <a href={`mailto:${email}`} className="text-accent hover:underline">
              {email}
            </a>
          );
        },
      },
      {
        key: "request",
        title: t("audit-log.table.request"),
        defaultWidth: 300,
        minWidth: 180,
        resizable: true,
        render: (log: AuditLog) =>
          log.request.length > 0 ? (
            <JSONStringView jsonString={log.request} />
          ) : (