Skip to content

Improve search functionality #113

@omeritzics

Description

@omeritzics

Description

To improve usability and align with modern standards, the search functionality in the App Catalogue needs to be more dynamic and intuitive. Users should be able to find apps instantly without unnecessary clicks. Related: #90 (comment).

Key Features

  • Real-time Search (Debouncing): Filter the app list automatically as the user types, with a 300ms delay to ensure smooth performance.
  • Fuzzy Matching: Search through App Names, Package Names, and Descriptions.
  • Search UI Enhancement: * Add a "Clear" (X) button to the search field.
    • Implement a "No results found" placeholder with helpful feedback.
  • Focus Management: Automatically focus the search bar when the search page is opened.

Technical Tasks

  • Implement a Debounce mechanism for the search input.
  • Create a filtering logic that covers multiple metadata fields (Name, ID, Description).
  • Update the UI to show/hide the "Clear" button based on input.
  • Add an "Empty State" view for searches with zero results.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions