From d8ca13d8ccb5efe181198d0e5243a26c9f807aa1 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Fri, 25 Aug 2023 23:27:34 +0200
Subject: [PATCH] tech meta image

---
 app/Http/Controllers/TechniqueController.php | 8 +++++++-
 resources/js/components/pages/Technique.js   | 8 ++++++++
 resources/views/app.blade.php                | 4 ++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/Http/Controllers/TechniqueController.php b/app/Http/Controllers/TechniqueController.php
index 1d51aff..b88b5a3 100644
--- a/app/Http/Controllers/TechniqueController.php
+++ b/app/Http/Controllers/TechniqueController.php
@@ -72,9 +72,15 @@ class TechniqueController extends Controller
 	public function web(Request $request, $type, $name) {
 		$tech = Technique::where('type', '=', $type)->where('name', '=', $name)->first();
 		if ($tech) {
-			return view('app')
+			$view = view('app')
 				->with('title', $tech->getTranslatedProperty('title'))
 				->with('description', $tech->getTranslatedProperty('short'));
+			if ($tech->image) {
+				$view = $view->with('image', url($tech->image));
+			} else if ($tech->gif) {
+				$view = $view->with('image', url($tech->gif));
+			}
+			return $view;
 		}
 		$url_map = [
 			'dungeon' => 'dungeons',
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)}
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 63acef3..89a48a2 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -9,6 +9,10 @@
 @isset($description)
 		<meta name="description" content="{{ $description }}">
 @endisset
+@isset($image)
+		<meta property="og:image" content="{{ $image }}">
+		<meta property="twitter:image" content="{{ $image }}">
+@endisset
 
 		<script src="{{ mix('js/manifest.js') }}" defer></script>
 		<script src="{{ mix('js/vendor.js') }}" defer></script>
-- 
2.39.2