show translated event title if available

[alttp.git] / resources / js / pages / Event.js

diff --git a/resources/js/pages/Event.js b/resources/js/pages/Event.js
index 6e1dc46badf1e4eb55e5897baea36c7d84623672..9e5c09f66995d10ab7322cce26ddc1808ba804bd 100644 (file)
--- a/resources/js/pages/Event.js
+++ b/resources/js/pages/Event.js
@@ -18,6 +18,7 @@ import Dialog from '../components/techniques/Dialog';
 import {
        mayEditContent,
 } from '../helpers/permissions';
+import { getTranslation } from '../helpers/Technique';
 import { useUser } from '../helpers/UserContext';
 import i18n from '../i18n';
 
@@ -125,8 +126,17 @@ const Event = () => {
 
        return <ErrorBoundary>
                <Helmet>
-                       <title>{event.title}</title>
+                       <title>
+                               {(event.description && getTranslation(event.description, 'title', i18n.language))
+                                       || event.title}
+                       </title>
                </Helmet>
+               {event.description ? <Helmet>
+                       <meta
+                               name="description"
+                               content={getTranslation(event.description, 'short', i18n.language)}
+                       />
+               </Helmet> : null}
                <CanonicalLinks base={`/events/${event.name}`} />
                <Container>
                        <Detail actions={actions} event={event} />