jramos/cve-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(reporting): add Finding ID column

Browse Source 
ID was already stored in the cache from f.id; exposed as a sortable
column (filterable: false — too many unique values to be useful as a filter).
Existing users get it appended to the end of their saved column order
via the loadColumnOrder merge logic; new users see it first.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jramos
2026-03-11 14:23:50 -06:00
parent 51b1f99b3a
commit 9893460b64
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/pages/ReportingPage.js
View File

@@ -9,6 +9,7 @@ const STORAGE_KEY = 'steam_findings_columns_v1';
// Column definitions — source of truth for labels, sort behaviour, rendering // Column definitions — source of truth for labels, sort behaviour, rendering
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
const COLUMN_DEFS = { const COLUMN_DEFS = {
findingId: { label: 'Finding ID', sortable: true, filterable: false },
severity: { label: 'Severity', sortable: true, filterable: true }, severity: { label: 'Severity', sortable: true, filterable: true },
title: { label: 'Title', sortable: true, filterable: true }, title: { label: 'Title', sortable: true, filterable: true },
cves: { label: 'CVEs', sortable: true, filterable: true, multiValue: true }, cves: { label: 'CVEs', sortable: true, filterable: true, multiValue: true },
@@ -23,6 +24,7 @@ const COLUMN_DEFS = {
}; };
const DEFAULT_COLUMN_ORDER = [ const DEFAULT_COLUMN_ORDER = [
{ key: 'findingId', visible: true },
{ key: 'severity', visible: true }, { key: 'severity', visible: true },
{ key: 'title', visible: true }, { key: 'title', visible: true },
{ key: 'cves', visible: true }, { key: 'cves', visible: true },
@@ -63,6 +65,7 @@ function saveColumnOrder(order) {
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
function getVal(finding, key) { function getVal(finding, key) {
switch (key) { switch (key) {
case 'findingId': return finding.id ?? '';
case 'severity': return finding.severity ?? 0; case 'severity': return finding.severity ?? 0;
case 'title': return finding.title ?? ''; case 'title': return finding.title ?? '';
case 'hostName': return finding.hostName ?? ''; case 'hostName': return finding.hostName ?? '';
@@ -449,6 +452,12 @@ function FilterDropdown({ anchorEl, colKey, findings, activeFilter, onFilterChan
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
function TableCell({ colKey, finding }) { function TableCell({ colKey, finding }) {
switch (colKey) { switch (colKey) {
case 'findingId':
return (
<td style={{ padding: '0.45rem 0.75rem', whiteSpace: 'nowrap', color: '#475569', fontFamily: 'monospace', fontSize: '0.68rem' }}>
{finding.id || '—'}
</td>
);
case 'severity': { case 'severity': {
const sc = severityColor(finding.vrrGroup); const sc = severityColor(finding.vrrGroup);
return ( return (