feat: new crawler images (#371)

Synthetixio · Jul 19, 2024 · d831c0e · d831c0e
1 parent 7ee0bab
commit d831c0e
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 5 deletions.
diff --git a/governance/ui/package.json b/governance/ui/package.json
@@ -35,6 +35,7 @@
     "react": "^18.2.0",
     "react-blockies": "^1.4.1",
     "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
     "react-hook-form": "^7.48.2",
     "react-router-dom": "^6.18.0",
     "recoil": "^0.7.7",

diff --git a/governance/ui/public/governance.png b/governance/ui/public/governance.png
diff --git a/governance/ui/src/components/Layout/Layout.tsx b/governance/ui/src/components/Layout/Layout.tsx
@@ -2,13 +2,33 @@ import { Flex } from '@chakra-ui/react';
 import Footer from '../Footer/Footer';
 import { Header } from '../Header';
 import { Outlet } from 'react-router-dom';
+import Head from 'react-helmet';
 
 export function Layout() {
   return (
-    <Flex minH="100vh" flexDir="column">
-      <Header />
-      <Outlet />
-      <Footer />
-    </Flex>
+    <>
+      <Head>
+        {/* open graph */}
+        <meta property="og:url" content="https://governance.synthetix.io/" />
+        <meta property="og:type" content="website" />
+        <meta property="og:title" content="Synthetix | Governance" />
+        <meta property="og:description" content="Synthetix v3 Governance" />
+        <meta property="og:image" content="https://governance.synthetix.io/governance.png" />
+        <meta property="og:image:alt" content="Synthetix | Governance" />
+        <meta property="og:site_name" content="" />
+        {/* twitter */}
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:site" content="@synthetix_io" />
+        <meta name="twitter:creator" content="@synthetix_io" />
+        <meta name="twitter:image" content="https://governance.synthetix.io/governance.png" />
+        <meta name="twitter:url" content="https://governance.synthetix.io/governance.png" />
+      </Head>
+
+      <Flex minH="100vh" flexDir="column">
+        <Header />
+        <Outlet />
+        <Footer />
+      </Flex>
+    </>
   );
 }
diff --git a/ultrasound/ui/public/metatag.png b/ultrasound/ui/public/metatag.png
diff --git a/yarn.lock b/yarn.lock
@@ -5709,6 +5709,7 @@ __metadata:
     react: "npm:^18.2.0"
     react-blockies: "npm:^1.4.1"
     react-dom: "npm:^18.2.0"
+    react-helmet: "npm:^6.1.0"
     react-hook-form: "npm:^7.48.2"
     react-refresh: "npm:^0.14.0"
     react-router-dom: "npm:^6.18.0"