reactivesearch icon indicating copy to clipboard operation
reactivesearch copied to clipboard

Allow ReactiveList to optionally render a sort label when using sortOptions

Open cdavid15 opened this issue 3 years ago • 0 comments

Affected Projects React

Is your feature request related to a problem? Please describe. In our current application we make use of the ReactiveList sorting however this only produces the select dropdown and has no way to tap into the render process to add a custom label (i.e. Material UI Typography) named "Sort By".

Describe the solution you'd like A few options would work. Simple option is to add a renderSortLabel prop which render the custom label and this is then referenced in the renderSortOptions function and if set renders the label before the select.

Or have a prop named showSortLabel that renders a default "Sort By" label.

Alternative option could be to replicate that of the renderResultStats function where a custom render function is passed in as a prop and would handles the complete generation of the sort although this does is make it a lot more complex due to the handleSortChange handler.

Describe alternatives you've considered Will start looking the innerClass to see if it is possible to tap into the sortOptions this and use the ::before pseudo-element.

Additional context

cdavid15 avatar Mar 31 '21 14:03 cdavid15