forked from crowetic/commerce
Search results fix
This commit is contained in:
parent
d70132734b
commit
5706e7afa2
@ -111,33 +111,35 @@ export default function Search({
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-8">
|
<div className="col-span-8">
|
||||||
<div className="mb-12 transition ease-in duration-75">
|
{q && (
|
||||||
{data ? (
|
<div className="mb-12 transition ease-in duration-75">
|
||||||
<>
|
{data ? (
|
||||||
<span
|
<>
|
||||||
className={cn('animated', {
|
<span
|
||||||
fadeIn: data.found,
|
className={cn('animated', {
|
||||||
hidden: !data.found,
|
fadeIn: data.found,
|
||||||
})}
|
hidden: !data.found,
|
||||||
>
|
})}
|
||||||
Showing {data.products.length} results for "
|
>
|
||||||
<strong>{q}</strong>"
|
Showing {data.products.length} results for "
|
||||||
</span>
|
<strong>{q}</strong>"
|
||||||
<span
|
</span>
|
||||||
className={cn('animated', {
|
<span
|
||||||
fadeIn: !data.found,
|
className={cn('animated', {
|
||||||
hidden: data.found,
|
fadeIn: !data.found,
|
||||||
})}
|
hidden: data.found,
|
||||||
>
|
})}
|
||||||
There are no products that match "<strong>{q}</strong>"
|
>
|
||||||
</span>
|
There are no products that match "<strong>{q}</strong>"
|
||||||
</>
|
</span>
|
||||||
) : (
|
</>
|
||||||
<>
|
) : (
|
||||||
Searching for: "<strong>{q}</strong>"
|
<>
|
||||||
</>
|
Searching for: "<strong>{q}</strong>"
|
||||||
)}
|
</>
|
||||||
</div>
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
{data ? (
|
{data ? (
|
||||||
<Grid layout="normal">
|
<Grid layout="normal">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user