Add more filters to the market page

[Ayaz1997]

Context

The current filters present on the market page is

• Creator
• Underlying
• Hide expired pools

Add more filters to the market both in the web and mobile view. The design can be found in the Figma file to which the link has been attached below.

The filters that need to be added are:

• Poold Id
• Whitelisted oracle: when enabled will show only the pools whose oracle is whitelisted in DIVA. The disabled state will show all the pools
• Has Buy Price & Has Sell Price: this will be a toggle filter in which either one option or both options can be enabled or disabled.

  • When Buy price is enabled it will show only the pools with a Buy price
  • When Sell price is enabled it will show only the pools with a Sell price
  • Both enabled: will show pools with Buy & Sell price
  • Both disabled: will show all the pools

Acceptance Criteria

• [ ] The filter designs match with the Figma mockup on the web and mobile
• [ ] The filters work as expected

Figma mockup

Web link - https://www.figma.com/file/mcyci32XlFZJ8K1JZa25Ts/Diva-App?node-id=5513%3A34069

Mobile link - https://www.figma.com/file/mcyci32XlFZJ8K1JZa25Ts/Diva-App?node-id=5864%3A37892

[Ayaz1997]

Added filter by Asset Id in the mockup

Mobile version