adding openGraph image

concrete-utopia · Jun 15, 2021 · 7263f36 · 7263f36
1 parent 580da15
commit 7263f36
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/website-next/components/header.js b/website-next/components/header.js
@@ -1,5 +1,6 @@
 import * as React from 'react'
 import Head from 'next/head'
+import { srcToCdn } from './hosted-image'
 
 export function Header() {
   return (
@@ -66,12 +67,12 @@ export function Header() {
       <link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' />
 
       {/* OpenGraph tags */}
-      <meta property='og:title' content='Utopia:Design and Code on one platform' />
+      <meta property='og:title' content='Utopia: Design and Code on one platform' />
       <meta
         property='og:description'
         content='Utopia is a production-grade online coding and design tool for React that reads and writes code you’ll want to commit.'
       />
-      <meta property='og:image' content='/utopia_og_preview_image@2x.png' />
+      <meta property='og:image' content={srcToCdn('/og-card.png')} />
       <meta property='og:type' content='website' />
     </Head>
   )

diff --git a/website-next/components/hosted-image.tsx b/website-next/components/hosted-image.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 
 const cdnUrl = process.env.UTOPIA_CDN_URL ?? ''
 
-function srcToCdn(src: string): string {
+export function srcToCdn(src: string): string {
   return `${cdnUrl}${src}`
 }
 

diff --git a/website-next/public/og-card.png b/website-next/public/og-card.png