show translated event title if available

[alttp.git] / resources / js / components / events / Detail.js

diff --git a/resources/js/components/events/Detail.js b/resources/js/components/events/Detail.js
index 3626fbd4cc4db9e390fbc9d7d64d227b167707b7..d530006b7800e48cf082a9d6c0483605e62712c3 100644 (file)
--- a/resources/js/components/events/Detail.js
+++ b/resources/js/components/events/Detail.js
@@ -13,7 +13,10 @@ const Detail = ({ actions, event }) => {
 
        return <>
                <div className="d-flex align-items-center justify-content-between">
-                       <h1>{event.title}</h1>
+                       <h1>
+                               {(event.description && getTranslation(event.description, 'title', i18n.language))
+                                       || event.title}
+                       </h1>
                        {event.description && actions.editContent ?
                                <Button
                                        className="ms-3"