Chap05 -> Using query parameters -> 7 & 8: Render search criteria and questions that returned from search

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>
+  );
 };