ECHOES-1452 Add and rely on an id for FilterDropdownCategory

[kimphanh]

Part of

---

Summary by Gitar

• Components:
  • Added required id property to FilterDropdownCategory types and updated component keys and callbacks to rely on it instead of label

_{This will update automatically on new commits.}

[netlify]

✅ Deploy Preview for echoes-react ready!

Name	Link
🔨 Latest commit	d29ffd8
🔍 Latest deploy log	https://app.netlify.com/projects/echoes-react/deploys/6a8da93a6adf300008014cf0
😎 Deploy Preview	https://deploy-preview-756--echoes-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[hashicorp-vault-sonar-prod]

ECHOES-1452

[gitar-bot]

Code Review ✅ Approved 1 resolved / 1 findings

Adds a required id property to FilterDropdownCategory for component keys and callbacks. Consider updating the right panel to use the new id instead of the active category index.

✅ 1 resolved

✅ Quality: Right panel still keyed by index after id was introduced

📄 src/components/filters/FilterDropdown.tsx:88 📄 src/components/filters/FilterDropdown.tsx:110 📄 src/components/filters/FilterDropdown.tsx:253 📄 src/components/filters/FilterDropdownTypes.ts:62-66 📄 src/components/filters/FilterDropdownTypes.ts:115-119
The PR makes id the category identity (React key at line 240, onCategorySelect payload at lines 98/111), but the right panel is still remounted on key={activeCategoryIndex} and the active category is still resolved by index (categories[activeCategoryIndex]). If a consumer reorders or prepends to categories while the popover is open, the index stays the same, so the key does not change and the right panel keeps the previous category's internal state (search query, item focus) while rendering the new category's items. Keying on the stable activeCategory?.id makes the panel reset consistent with the identity this PR introduces.

Implementation Status ✅ 2 of 2 objectives covered

✅ ECHOES-1452 - 2 of 2 objectives covered

This PR adds an id property to FilterDropdownCategory and updates FilterDropdown to rely on the category id instead of its label.

✅ 2 covered here

• ✅ Add an id property to FilterDropdownCategory
• ✅ Rely on the category id instead of label in FilterDropdown

Options

Auto-apply is off → Gitar will not commit updates to this branch.
Display: compact → Showing less information.

Comment with these commands to change the behavior for this request:

Auto-apply	Compact
gitar auto-apply:on	gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Gitar}

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube

[gregaubert]

Looks great!