{(q || activeCategory || activeBrand) && (
{data ? (
<>
Showing {data.products.length} results{' '}
{q && (
<>
for "{q}"
>
)}
{q ? (
<>
There are no products that match "{q}"
>
) : (
<>
There are no products that match the selected category.
>
)}
>
) : q ? (
<>
Searching for: "{q}"
>
) : (
<>Searching...>
)}
)}
{data ? (
{data.products.map((product: Product) => (
))}
) : (
{rangeMap(12, (i) => (
))}
)}{' '}