FILTER UI TWEAK: Change the Ui of the Transaction type drop down menu of filter.

[anand-harsh]

Pull Request

Related Issues: Issue: #174

Fixes #(issue number)

Description: Updated Ui of the Transaction type drop down menu of filter.

Checklist:

• [x] I have tested my changes.
• [x] My code follows the project's coding standards.
• [x] I have updated the documentation (if applicable).

Screenshots:

This image is while you hover on options

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @ani1609 on Vercel.

@ani1609 first needs to authorize it.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
spendwise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 14, 2023 10:34am
spendwise-server	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 14, 2023 10:34am

[ani1609]

@anand-harsh please follow up the sample carefully. The required designs are different from what you have developed

It should be like this

https://github.com/ani1609/Spendwise/assets/89239354/4a0c7f2d-1951-4faa-ad3c-b27f7dea6842

[anand-harsh]

@anand-harsh please follow up the sample carefully. The required designs are different from what you have developed

It should be like this

Screen.Recording.2023-12-13.at.5.11.29.PM.mov

I have tried fixing it, see if it is okay

.

This while hovering, so that user knows which option its selecting

[ani1609]

@anand-harsh please refer to the video in comment https://github.com/ani1609/Spendwise/pull/203#issuecomment-1853768304 carefully. You are not matching the ui according to the ui shown in the video.

[anand-harsh]

@anand-harsh please refer to the video in comment #203 (comment) carefully. You are not matching the ui according to the ui shown in the video.

How about this one?