From 3580e9b0b4530aea2dd8b64787524533dc2c7d51 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Wed, 30 Mar 2022 16:43:26 +1100
Subject: [PATCH] Chap05 -> Using query parameters -> 7 & 8: Render search
 criteria and questions that returned from search

---
 QandA/frontend/src/SearchPage.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/QandA/frontend/src/SearchPage.tsx b/QandA/frontend/src/SearchPage.tsx
index c924eb1..d3ede9d 100644
--- a/QandA/frontend/src/SearchPage.tsx
+++ b/QandA/frontend/src/SearchPage.tsx
@@ -20,5 +20,19 @@ export const SearchPage = () => {
     doSearch(search);
   }, [search]);
 
-  return <Page title="Search Results">{null}</Page>;
+  return (
+    <Page title="Search Results">
+      {search && (
+        <p
+          css={css`
+            font-size: 16px;
+            font-style: italic;
+            margin-top: 0px;
+          `}
+        >
+          <QuestionList data={questions} />
+        </p>
+      )}
+    </Page>
+  );
 };