Improve the layout of the filters

lyndasantiago → made their first commit to this issue’s fork.

Hi @nagatahmed are you working on this? Because I want to give it a try.

I am unassigning @nagatahmed from this issue due to no activity since March/April.

I would like to take this forward, but before starting development, I need to clarify a few things.

This issue seems to involve changing the layout of the filters. However, I am a bit unclear about the types of filters being referenced. Specifically:

1. Text filter – Could you please clarify what this refers to?
2. Multiple choice filter – Are these the checkbox filters?
3. Boolean filters – Are these referring to the "Sort by" filters?

Once these points are clarified, I’ll be able to proceed accordingly.

Thank you!

Hey, Before creating an MR, I wanted to discuss the approach I’ve taken to update the layout of the filters.

I’ve made the necessary code changes and attached a screenshot of the updated UI below for reference.

In the Search.svelte

<div class="boolean-filters-wrapper">
          {#each Object.entries(filterDefinitions) as [name, filter]}
            {#if filter._type === 'boolean'}
              <BooleanFilter
                definition={filter}
                {name}
                changeHandler={onFilterChange}
              />
            {/if}
          {/each}
</div> 

Could you please review and let me know if this approach seems correct, or if you’d suggest any changes or improvements?

Thanks!

That looks pretty good to me, and is in line with what I was imagining.