Add additional params to search filtering

[tomsmith8]

Task

Feature: Search Filtering Request: /prediction/graph/search?{params}

Current, just filters by node type:

NEW Filtering

Figma here

As per below, add additional params to search filtering:

• Max Results slider should range from 1-300
  • this would change the limit param in the endpoint request
• Source nodes slider should range from 1-100
  • this would update top_node_count param in the endpoint request
• Hops option should be 1 or 2 (default to 1)
  • this would update depth param in the endpoint request to 1 or 2

Acceptance Criteria

• [ ] Add each UI component as per Figma
• [ ] Add slider logic for each range
• [ ] Add option for Depth where only one can be selected at a time, if the user picks the 2 it should unselect 1
• [ ] Update Endpoint request based on the params selected by a user
• [ ] If dropdown becomes too long, add scroll functionality following our current scroll components and style
• [ ] Add component tests for each filtering item for this modal
  • [ ] Highlight node_type if selected
  • [ ] Multiple can be selected at once
  • [ ] Ensure node_type get added to the request
  • [ ] Ensure all selected params ion the filter get added correctly to the request
  • [ ] Ensure slider is calculated from left to right correctly
  • [ ] Ensure only 1 on the Hops item can be selected at once (default should be 1)

[Shoaibdev7]

@tomsmith8 assign me?

[AbdulWahab3181]

@tomsmith8 Could you please assign me?

[tomsmith8]

@Shoaibdev7 just finalising the ticket and will assign after

[Shoaibdev7]

@Shoaibdev7 just finalising the ticket and will assign after

No Problem!

[tomsmith8]

thanks! assigned and added some tests. Add any more if you think of any valuable ones for this modal!

I'll bump the initial bounty due to tests

[Shoaibdev7]

thanks! assigned and added some tests. Add any more if you think of any valuable ones for this modal!

I'll bump the initial bounty due to tests

@tomsmith8 Thanks for the update!