tech meta image

[alttp.git] / resources / js / components / pages / Technique.js

diff --git a/resources/js/components/pages/Technique.js b/resources/js/components/pages/Technique.js
index 30eed5b03a4104634ac5f806f3c7a563693b76cb..a24b8797ae560ae8d845ecf46dc279d435d6db37 100644 (file)
--- a/resources/js/components/pages/Technique.js
+++ b/resources/js/components/pages/Technique.js
@@ -90,6 +90,14 @@ const Technique = ({ basepath, type }) => {
                        <title>{getTranslation(technique, 'title', i18n.language)}</title>
                        <meta name="description" content={getTranslation(technique, 'short', i18n.language)} />
                </Helmet>
+               {technique.image ? <Helmet>
+                       <meta property="og:image" content={technique.image} />
+                       <meta property="twitter:image" content={technique.image} />
+               </Helmet> : null}
+               {!technique.image && technique.gif ? <Helmet>
+                       <meta property="og:image" content={technique.gif} />
+                       <meta property="twitter:image" content={technique.gif} />
+               </Helmet> : null}
                <CanonicalLinks
                        base={`/${basepath}/${technique.name}`}
                        lang={getMatchedLocale(technique, i18n.language)}