From 5706e7afa25b73c478f215936be1707bb19e512d Mon Sep 17 00:00:00 2001
From: Luis Alvarez <luis@vercel.com>
Date: Sun, 25 Oct 2020 21:47:19 -0500
Subject: [PATCH] Search results fix

---
 pages/search.tsx | 56 +++++++++++++++++++++++++-----------------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/pages/search.tsx b/pages/search.tsx
index db131c873..17b1fa425 100644
--- a/pages/search.tsx
+++ b/pages/search.tsx
@@ -111,33 +111,35 @@ export default function Search({
           </ul>
         </div>
         <div className="col-span-8">
-          <div className="mb-12 transition ease-in duration-75">
-            {data ? (
-              <>
-                <span
-                  className={cn('animated', {
-                    fadeIn: data.found,
-                    hidden: !data.found,
-                  })}
-                >
-                  Showing {data.products.length} results for "
-                  <strong>{q}</strong>"
-                </span>
-                <span
-                  className={cn('animated', {
-                    fadeIn: !data.found,
-                    hidden: data.found,
-                  })}
-                >
-                  There are no products that match "<strong>{q}</strong>"
-                </span>
-              </>
-            ) : (
-              <>
-                Searching for: "<strong>{q}</strong>"
-              </>
-            )}
-          </div>
+          {q && (
+            <div className="mb-12 transition ease-in duration-75">
+              {data ? (
+                <>
+                  <span
+                    className={cn('animated', {
+                      fadeIn: data.found,
+                      hidden: !data.found,
+                    })}
+                  >
+                    Showing {data.products.length} results for "
+                    <strong>{q}</strong>"
+                  </span>
+                  <span
+                    className={cn('animated', {
+                      fadeIn: !data.found,
+                      hidden: data.found,
+                    })}
+                  >
+                    There are no products that match "<strong>{q}</strong>"
+                  </span>
+                </>
+              ) : (
+                <>
+                  Searching for: "<strong>{q}</strong>"
+                </>
+              )}
+            </div>
+          )}
 
           {data ? (
             <Grid layout="normal">