diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index fbcf578ea..87029ac77 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -300,6 +300,7 @@
               :config="config"
               :user="loggedUser"
               @showMapModal="showMap = true"
+              @showHeadlineModal="showImage = true"
             />
           </div>
         </aside>
@@ -536,6 +537,7 @@ import Tag from "../../components/Tag.vue";
 import EventMetadataSidebar from "../../components/Event/EventMetadataSidebar.vue";
 import EventBanner from "../../components/Event/EventBanner.vue";
 import EventMap from "../../components/Event/EventMap.vue";
+import EventHeadline from "../../components/Event/EventHeadline.vue";
 import PopoverActorCard from "../../components/Account/PopoverActorCard.vue";
 import { IParticipant } from "../../types/participant.model";
 import { ApolloCache, FetchResult } from "@apollo/client/core";
@@ -560,6 +562,7 @@ import { IUser } from "@/types/current-user.model";
     EventBanner,
     EventMetadataSidebar,
     EventMap,
+    EventHeadline,
     ShareEventModal: () =>
       import(
         /* webpackChunkName: "shareEventModal" */ "../../components/Event/ShareEventModal.vue"
@@ -1167,6 +1170,8 @@ export default class Event extends EventMixin {
 
   showMap = false;
 
+  showImage = false;
+
   get routingType(): string | undefined {
     return this.config?.maps?.routing?.type;
   }