Skip to content

Show small category badges on result rows #154

Description

@Muawiya-contact

Goal

Add small category badges to result rows so users can scan the list faster.

A row already has a category internally, but the visible row mostly shows path, size, and reasons. A small badge like Browser cache, Build artifact, or Temporary files would make the list easier to understand.

Suggested starting point

Files:

app/src/App.jsx
app/src/styles.css

The labels already exist:

const CATEGORY_LABEL = {
  browser_cache: "Browser cache",
  build_artifact: "Build artifacts",
  temp_file: "Temporary files",
};

A simple row addition could be:

<span className="category-badge">{CATEGORY_LABEL[f.category] ?? f.category}</span>

Acceptance criteria

  • Each finding row shows a readable category badge.
  • The badge is visually quiet and does not crowd the path.
  • Existing app tests/build continue to pass.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    appThe Tauri desktop appfrontendThe desktop app's UI layergood first issueGood for newcomershelp wantedExtra attention is neededlevel: beginnerSmall and well-scoped; no deep context neededpriority: lowNice to haveui/uxInterface design, usability, and visual polish

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions