noidex everywhere because it's a demo

AlexTechNoir · AlexTechNoir · commit a203e1a855e2 · 2021-09-11T16:04:09.000+03:00
diff --git a/pages/_document.js b/pages/_document.js
@@ -34,6 +34,8 @@ class MyDocument extends Document {
         <Head>
           <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="preload" as="style" />
           <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet" />
+
+          <meta name="robots" content="noindex" />
         </Head>
         <body>
           <Main />
diff --git a/pages/search.js b/pages/search.js
@@ -1,4 +1,3 @@
-import Head from 'next/head'
 import { useRouter } from 'next/router'
 import useSWR, { mutate } from 'swr'
 import styled from 'styled-components'
@@ -36,35 +35,29 @@ export default function SearchResults() {
   }, [searchValue])
 
   return (
-    <>
-      <Head>
-        <meta name="robots" content="noindex" />
-      </Head>
-
-      <DivSearchResults>
-        {
-          filteredData.every(dataItem => dataItem === undefined)
-          ? <span>No results for "{searchValue}"</span>
-          : <span>Search results for "{searchValue}" :</span>
-        }  
-        {!data || isValidating ? (
-          skeletonArr.map(result => {
-            return (
-              <div key={result}>
-                <Skeleton variant="circle" width={45} height={45} />
-                <Typography component="div" key="h2" variant="h2">
-                  <Skeleton />
-                </Typography>
-              </div>
-            )
-          })
-        ) : error ? (
-          <div>Error</div>
-        ) : (
-          filteredData
-        )}
-      </DivSearchResults>
-    </>
+    <DivSearchResults>
+      {
+        filteredData.every(dataItem => dataItem === undefined)
+        ? <span>No results for "{searchValue}"</span>
+        : <span>Search results for "{searchValue}" :</span>
+      }  
+      {!data || isValidating ? (
+        skeletonArr.map(result => {
+          return (
+            <div key={result}>
+              <Skeleton variant="circle" width={45} height={45} />
+              <Typography component="div" key="h2" variant="h2">
+                <Skeleton />
+              </Typography>
+            </div>
+          )
+        })
+      ) : error ? (
+        <div>Error</div>
+      ) : (
+        filteredData
+      )}
+    </DivSearchResults>
   )
 }
 
