Skip to content

Add Severity Filter Tabs to Advisory Feed Page#87

Merged
davida-ps merged 5 commits intomainfrom
auto-claude/003-add-severity-filter-tabs-to-advisory-feed-page
Feb 27, 2026
Merged

Add Severity Filter Tabs to Advisory Feed Page#87
davida-ps merged 5 commits intomainfrom
auto-claude/003-add-severity-filter-tabs-to-advisory-feed-page

Conversation

@davida-ps
Copy link
Collaborator

@davida-ps davida-ps commented Feb 27, 2026

User description

  • Agent (automated)

Summary

Add severity-based filter tabs (All, Critical, High, Medium, Low) to the FeedSetup advisory feed page, allowing users to quickly filter advisories by severity level. The filtering composes naturally with existing pagination controls.

Changes Made

  • Added severity filter tabs component to FeedSetup page with All, Critical, High, Medium, Low options
  • Implemented filtering logic that composes with existing pagination
  • Updated AdvisoryCard component styling for severity display
  • Refactored shared test harness module from 9 test files
  • Added .secretsignore file for GitHub Actions configuration
  • Updated package.json and dependencies
  • Modified ESLint configuration
  • Updated GitHub Actions workflow for NVD CVE polling

Related Issues


Type of Change

  • New feature (non-breaking change that adds functionality)
  • Bug fix (non-breaking change that fixes an issue)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Documentation update
  • Security incident (please open a Security Incident Report issue instead of a PR)

Testing

Changes implement severity filtering tabs on the FeedSetup advisory feed page following the established filtering pattern from the SkillsCatalog page. The implementation composes with existing pagination controls (ITEMS_PER_PAGE=9).

Checklist

  • My code follows the project's style guidelines
  • I have performed a self-review of my changes
  • I have added tests that prove my fix/feature works
  • New and existing tests pass locally
  • Base branch targeting main
  • Feature not behind a toggle (complete implementation)
  • No breaking changes (additions only)
  • I've synced with develop branch

Generated description

Below is a concise technical summary of the changes proposed in this PR:
Enhances the advisory feed page by introducing severity and platform-based filtering tabs that integrate with existing pagination. Updates the Advisory data model to support platform categorization and improves the user interface for empty filter states.

TopicDetails
Filtering UI Implements FilterTabs component and filtering logic using useMemo to allow users to sort advisories by severity levels and platform types.
Modified files (1)
  • pages/FeedSetup.tsx
Latest Contributors(2)
UserCommitDate
[email protected]docs-refresh-README-co...February 26, 2026
[email protected]ClawSec-initFebruary 05, 2026
Data Model Extends the Advisory interface to include an optional platforms array, enabling the new filtering functionality.
Modified files (1)
  • types.ts
Latest Contributors(2)
UserCommitDate
[email protected]feat-add-clawsec-advis...February 08, 2026
[email protected]ClawSec-initFebruary 05, 2026
This pull request is reviewed by Baz. Review like a pro on (Baz).

Add horizontal severity filter tabs (All, Critical, High, Medium, Low)
to the advisory feed page. Advisories are filtered by CVSS score ranges
matching NVD conventions. Tab counts update dynamically.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@davida-ps davida-ps force-pushed the auto-claude/003-add-severity-filter-tabs-to-advisory-feed-page branch from 3003f04 to d704eb8 Compare February 27, 2026 16:52
davida-ps and others added 3 commits February 27, 2026 19:01
Replace five duplicated button blocks with a SEVERITY_TABS metadata
array and a single .map() loop. Class strings are kept as full literals
for Tailwind purge compatibility.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
filteredAdvisories is derived from advisories + selectedSeverity and
should not be independent state. Replace useState + filtering useEffect
with a single useMemo. Keep a minimal useEffect that only resets
currentPage on dependency changes.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
Add a second row of filter tabs for platform selection using the clawd
color palette. Add platforms field to Advisory type to match feed data.
Both severity and platform filters compose via useMemo.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
…as universal

Extract a reusable FilterTabs component so severity and platform tab
rows share identical markup. Fix platform filter to treat advisories
with missing or empty platforms as matching all platforms, preventing
legacy entries from being silently dropped.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@davida-ps davida-ps merged commit 382db82 into main Feb 27, 2026
13 checks passed
@davida-ps davida-ps deleted the auto-claude/003-add-severity-filter-tabs-to-advisory-feed-page branch February 27, 2026 18:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant