Feature/add metadata (BanklessDAO#73)

moshejs · Aug 19, 2021 · 8a95898 · 8a95898
1 parent f7e4b58
commit 8a95898
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 13 deletions.
diff --git a/packages/react-app/docs/CHANGELOG.md b/packages/react-app/docs/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 1.0.0-SNAPSHOT
 
 1. Use QA specific environment variables
+2. Add metadata to display preview in discord link
 
 ## 1.0.0-beta (2021-08-12)
 

diff --git a/packages/react-app/next-seo.config.ts b/packages/react-app/next-seo.config.ts
@@ -1,7 +1,6 @@
-const title = 'Bankless Bounty Board';
-const description =
-  'Bankless Bounty Board';
-const url = 'https://bountyboard.bankless.community';
+export const title = 'Bankless Bounty Board'
+const description = 'Bankless Bounty Board'
+const url = 'https://bountyboard.bankless.community'
 
 const SEO = {
   title,
@@ -27,6 +26,6 @@ const SEO = {
     site: '@banklessdao',
   },
   additionalLinkTags: [{ rel: 'icon', href: '/favicon.png' }],
-};
+}
 
-export default SEO;
+export default SEO
diff --git a/packages/react-app/package.json b/packages/react-app/package.json
@@ -12,7 +12,7 @@
     "extends": "react-app"
   },
   "scripts": {
-    "dev": "next dev",
+    "dev": "yarn lint && next dev",
     "build": "next build",
     "start": "next start",
     "build:qa": "env-cmd -f .env.qa next build",

diff --git a/packages/react-app/public/logo.png b/packages/react-app/public/logo.png
diff --git a/packages/react-app/public/preview.png b/packages/react-app/public/preview.png
diff --git a/packages/react-app/src/components/global/Header/Logo.tsx b/packages/react-app/src/components/global/Header/Logo.tsx
@@ -7,7 +7,7 @@ export default function Logo(props: BoxProps): JSX.Element {
     <Box {...props}>
       <Link href={'/'}>
         <ChakraLink isExternal={false}>
-          <Image alt="Bankless DAO" src="/logo.svg" />
+          <Image alt="Bankless DAO" src="/logo.png" />
         </ChakraLink>
       </Link>
     </Box>

diff --git a/packages/react-app/src/pages/_document.tsx b/packages/react-app/src/pages/_document.tsx
@@ -21,13 +21,14 @@ export default class MyDocument extends NextDocument {
       <Html lang="en">
         <Head>
           <meta charSet="UTF-8" />
-          <meta content="ie=edge" httpEquiv="X-UA-Compatible" />
+          <meta property="og:type" content="website" />
+          <meta property="og:url" content="https://bountyboard.bankless.community" />
+          <meta property="og:title" content="Bankless Bounty Board" />
+          <meta property="og:description" content="Find, claim, and post bounties." />
+          <meta property="og:image" content="https://bountyboard.bankless.community/preview.png" />
 
           <link rel="preconnect" href="https://fonts.gstatic.com" />
-          <link
-            href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
-            rel="stylesheet"
-          />
+          <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
         </Head>
 
         <body>