Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

changed the filter row and placed it into the search bar #323

Closed
wants to merge 1 commit into from

Conversation

shivamv003
Copy link

Problem / Issue No.

#321

Describe Problem / Root Cause

The current filter functionality is placed below the search bar, which can clutter the UI and disrupt the visual flow. To improve the design and provide a cleaner, more modern look, the filter options will be moved to an icon placed directly within the search bar. This solution simplifies the layout, reduces visual noise, and enhances user experience by making the filtering functionality more accessible without taking up additional space on the screen.

Solution proposed

Add a Filter Icon Inside the Search Bar:

Place a filter icon (Icons.filter_list) next to the search icon inside the search bar.
This allows users to access filtering options without leaving the search bar, improving usability.
Trigger the Filter Dialog on Icon Click:

When the filter icon is clicked, a dialog or bottom sheet should open to display the filter options, providing an intuitive and modern interaction.
Implementation:

Modify the existing search bar widget to include the filter icon.
Move the filter logic (e.g., language, organization) to a dialog that pops up when the user clicks on the filter icon

Screenshots

  • Original Screenshot (Problem/Issue)
    image

  • Updated Screenshot (Fixes/Solution)

WhatsApp Image 2024-10-03 at 12 51 25_854fc385
WhatsApp Image 2024-10-03 at 12 51 25_760e0a27
WhatsApp Image 2024-10-03 at 12 51 24_59860165

Copy link

github-actions bot commented Oct 3, 2024

Thank you for submitting your pull request! We'll review it as soon as possible.

Copy link

This PR has been automatically closed due to inactivity from the owner for 15 days.

@github-actions github-actions bot added the Stale label Oct 19, 2024
@github-actions github-actions bot closed this Oct 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant