Added Head, Darkmode Toggle, and Banner

Seneca-CDOT · Feb 4, 2021 · c9218fc · c9218fc
1 parent f2cc7c7
commit c9218fc
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/frontend/next/src/pages/search.tsx b/src/frontend/next/src/pages/search.tsx
@@ -1,9 +1,24 @@
+import { Theme } from '@material-ui/core';
+import Head from 'next/head';
+import Banner from '../components/Banner';
 import SEO from '../components/SEO';
 import SearchPage from '../components/SearchPage';
+import ThemeToggleButton from '../components/ThemeToggleButton';
 
-const Search = () => {
+type Props = {
+  theme: Theme;
+  toggleTheme: () => void;
+};
+
+const Search = ({ theme, toggleTheme }: Props) => {
   return (
     <>
+      <Head>
+        <title>Search</title>
+        <meta property="og:title" content="Telescope" key="title" />
+      </Head>
+      <ThemeToggleButton theme={theme} toggleTheme={toggleTheme} />
+      <Banner />
       <SEO pageTitle="Search" />
       <SearchPage />
     </>