cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Search results fix

Browse Source
This commit is contained in:
Luis Alvarez 2020-10-25 21:47:19 -05:00
parent d70132734b
commit 5706e7afa2
1 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
pages/search.tsx
View File

@ -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">