add og image

2 files changed, 3 insertions, 2 deletions

diff --git a/src/components/layout.js b/src/components/layout.js
index c80ee5b..bc1c43e 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -17,6 +17,7 @@ import throttle from 'lodash-es/throttle';
 import messages_zh from "../translations/zh-Hant.json";
 import messages_en from "../translations/en.json";
 import site_logo from 'src/images/site_logo.png';
+import og_image from 'src/images/og-image.png';
 import appService from '../services/app';
 import Header from "./header"
 import Footer from './footer';
@@ -253,14 +254,14 @@ const InjectedSEO = injectIntl(({ intl }) => {
       <meta property="og:title" content={intl.formatMessage({ id: 'Tangerine Network' })} />
       <meta property="og:description" content={intl.formatMessage({ id: 'tangerine-description' })} />
       <meta property="og:type" content="website"/>
-      <meta property="og:image" content={site_logo} />
+      <meta property="og:image" content={og_image} />
       <meta property="og:site_name" content={intl.formatMessage({ id: 'Tangerine Network' })}/>
       <meta property="og:url" content={site.siteMetadata.siteUrl} />
 
       <meta name="twitter:card" content="summary" />
       <meta name="twitter:title" content={intl.formatMessage({ id: 'Tangerine Network' })} />
       <meta name="twitter:image" content={intl.formatMessage({ id: 'tangerine-description' })} />
-      <meta name="twitter:image:src" content={site_logo} />
+      <meta name="twitter:image:src" content={og_image} />
       <meta name="twitter:site" content={intl.formatMessage({ id: 'Tangerine Network' })} />
       <meta name="twitter:creator" content={intl.formatMessage({ id: 'Tangerine Network' }) } />
       <meta name="twitter:description" content={intl.formatMessage({ id: 'tangerine-description' })} />
diff --git a/src/images/og-image.png b/src/images/og-image.png
new file mode 100644
index 0000000..fbb7f8d
--- /dev/null
+++ b/src/images/og-image.png