Add Head to Base

EvieePy · web-flow · commit c18902e5ce3a · 2022-08-28T21:12:18.000+10:00
diff --git a/mystbin/frontend/components/Base.tsx b/mystbin/frontend/components/Base.tsx
@@ -5,21 +5,26 @@ import LogoMain from "../public/LogoMain";
 import GitHubIcon from "@material-ui/icons/GitHub";
 import DiscordColorIcon from "../icons/DiscordColour";
 import TipModal from "./TipModal";
+import Head from 'next/head'
 
 export default function Base(props: PropsWithChildren<{ className: string }>) {
   const { children, className } = props;
 
   return (
     <div className={styles.Base}>
+<Head>
+        <title>MystBin</title>
+        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+      <script
+        async
+        src="https://media.ethicalads.io/media/client/ethicalads.min.js"
+      ></script>
+</Head>
       <div
         data-ea-publisher="mystbin"
         data-ea-type="text"
         data-ea-style="fixedfooter"
       ></div>
-      <script
-        async
-        src="https://media.ethicalads.io/media/client/ethicalads.min.js"
-      ></script>
 
       <OptsBar />
       <TipModal />
