Skip to content

[Feature]: Add search/filter for layer list in RightSidebar #360

@Athina09

Description

@Athina09

Related Page / Route

None

Feature Description

Problem
When many layers are available, it’s slow to find a specific layer in the right sidebar. Users must visually scan each category.

Problem it Solves

Proposed solution
Add a lightweight search input at the top of the layer list in RightSidebar that filters layers by label/name (case-insensitive) within the currently selected category.

Suggested Implementation

Acceptance criteria
Search box is visible when state, district, and block are selected (i.e., when layers are shown).
Typing filters the displayed layers by layer.label or layer.name (case-insensitive).
When no results match, show an empty-state message like “No layers match your search.”
No API/backend changes required.
Existing toggle/download behavior remains unchanged.
Implementation notes
File: landscape-explorer-Athina/src/components/landscape-explorer/sidebar/RightSidebar.jsx
UI-only change.
Test plan
Select a valid state/district/tehsil.
Open each category tab and confirm search filters the list correctly.
Verify toggling and downloads still work for filtered items.

Mockups / Screenshots

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions