✨ Add event user

components/event-detail/EventDetail.jsx

@@ -39,15 +39,25 @@ const EventDetail = ({ event, reverseColumns, isFullPage }) => {
             endTime={event.formattedDate.endTime}
           />
         </div>
-        <p className="event-detail__title">{event.title}</p>
-        {isFullPage ? (
-          <div
-            className="event-detail__text"
-            dangerouslySetInnerHTML={{
-              __html: md().render(event.content),
-            }}
-          />
-        ) : null}
+        <div>
+          <a
+            className="event-detail__user"
+            href={event.userLink}
+            target="_blank"
+            rel="noreferrer"
+          >
+            {event.userName}
+          </a>
+          <p className="event-detail__title">{event.title}</p>
+          {isFullPage ? (
+            <div
+              className="event-detail__text"
+              dangerouslySetInnerHTML={{
+                __html: md().render(event.content),
+              }}
+            />
+          ) : null}
+        </div>
         {!isFullPage ? (
           <PlayLink href={event.linkUrl}>{event.linkTitle}</PlayLink>
         ) : null}

components/event-detail/event-detail.scss

@@ -5,6 +5,17 @@
 
   position: relative;
 
+  &__user {
+    margin-bottom: spacing(2);
+    display: block;
+
+    @extend %header-4;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
   &__title {
     @extend %header-2;
   }

components/events-list/EventsList.jsx

@@ -31,9 +31,20 @@ const EventsList = ({ events }) => {
               endTime={event.formattedDate.endTime}
             />
 
-            <Link href={ROUTES.EVENT.linkTo({ slug: event.slug })}>
-              <a className="events-list__link">{event.title}</a>
-            </Link>
+            <div>
+              <a
+                className="event-detail__user"
+                href={event.userLink}
+                target="_blank"
+                rel="noreferrer"
+              >
+                {event.userName}
+              </a>
+
+              <Link href={ROUTES.EVENT.linkTo({ slug: event.slug })}>
+                <a className="events-list__link">{event.title}</a>
+              </Link>
+            </div>
 
             <div
               className="events-list__text"

components/events-list/events-list.scss

@@ -53,6 +53,16 @@
     }
   }
 
+  &__user {
+    margin-bottom: spacing(2);
+    display: block;
+    @extend %header-4;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
   &__link {
     @extend %header-4;