From e014aa01052c8aaa429a75ddc8aac0981ece7964 Mon Sep 17 00:00:00 2001
From: IanM <16573496+imorland@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:27:00 +0100
Subject: [PATCH] feat: make WelcomeHero extensible (#3848)

* chore: make WelcomeHero extensible
* undo import mithril change
* reduce to one itemlist
---
 .../core/js/src/forum/components/WelcomeHero.tsx    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/framework/core/js/src/forum/components/WelcomeHero.tsx b/framework/core/js/src/forum/components/WelcomeHero.tsx
index 1ed34cade..f60fce3d7 100644
--- a/framework/core/js/src/forum/components/WelcomeHero.tsx
+++ b/framework/core/js/src/forum/components/WelcomeHero.tsx
@@ -2,6 +2,7 @@ import app from '../app';
 import Component from '../../common/Component';
 import Button from '../../common/components/Button';
 import type Mithril from 'mithril';
+import ItemList from '../../common/utils/ItemList';
 
 export interface IWelcomeHeroAttrs {}
 
@@ -39,8 +40,7 @@ export default class WelcomeHero extends Component<IWelcomeHeroAttrs> {
           />
 
           <div className="containerNarrow">
-            <h1 className="Hero-title">{app.forum.attribute('welcomeTitle')}</h1>
-            <div className="Hero-subtitle">{m.trust(app.forum.attribute('welcomeMessage'))}</div>
+            {this.welcomeItems().toArray()}
           </div>
         </div>
       </header>
@@ -66,4 +66,13 @@ export default class WelcomeHero extends Component<IWelcomeHeroAttrs> {
 
     return false;
   }
+
+  welcomeItems(): ItemList<Mithril.Children> {
+    const items = new ItemList<Mithril.Children>();
+
+    items.add('hero-title', <h1 className="Hero-title">{app.forum.attribute('welcomeTitle')}</h1>, 20);
+    items.add('hero-subtitle', <div className="Hero-subtitle">{m.trust(app.forum.attribute('welcomeMessage'))}</div>, 10);
+
+    return items;
+  }
 }