X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FTechnique.js;h=a24b8797ae560ae8d845ecf46dc279d435d6db37;hb=d8ca13d8ccb5efe181198d0e5243a26c9f807aa1;hp=30eed5b03a4104634ac5f806f3c7a563693b76cb;hpb=aa5f285a5fd3c1047c428b3e9f843b900b966f98;p=alttp.git

diff --git a/resources/js/components/pages/Technique.js b/resources/js/components/pages/Technique.js
index 30eed5b..a24b879 100644
--- 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)}