Add welcome to top left menu for all

res/css/views/context_menus/_TopLeftMenu.scss

@@ -31,6 +31,10 @@ limitations under the License.
             mask-image: url('$(res)/img/feather-icons/home.svg');
         }
 
+        li.mx_TopLeftMenu_icon_welcome::after {
+            mask-image: url('$(res)/img/feather-icons/gift.svg');
+        }
+
         li.mx_TopLeftMenu_icon_settings::after {
             mask-image: url('$(res)/img/feather-icons/settings.svg');
         }

res/img/feather-icons/gift.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>

src/components/views/context_menus/TopLeftMenu.js

@@ -25,6 +25,8 @@ import MatrixClientPeg from '../../../MatrixClientPeg';
 export class TopLeftMenu extends React.Component {
     constructor() {
         super();
+        this.viewHomePage = this.viewHomePage.bind(this);
+        this.viewWelcomePage = this.viewWelcomePage.bind(this);
         this.openSettings = this.openSettings.bind(this);
         this.signIn = this.signIn.bind(this);
         this.signOut = this.signOut.bind(this);
@@ -65,6 +67,9 @@ export class TopLeftMenu extends React.Component {
 
         return <div className="mx_TopLeftMenu">
             {homePageSection}
+            <ul className="mx_TopLeftMenu_section">
+                <li className="mx_TopLeftMenu_icon_welcome" onClick={this.viewWelcomePage}>{_t("Welcome")}</li>
+            </ul>
             <ul className="mx_TopLeftMenu_section">
                 <li className="mx_TopLeftMenu_icon_settings" onClick={this.openSettings}>{_t("Settings")}</li>
             </ul>
@@ -77,6 +82,11 @@ export class TopLeftMenu extends React.Component {
         this.closeMenu();
     }
 
+    viewWelcomePage() {
+        dis.dispatch({action: 'view_welcome_page'});
+        this.closeMenu();
+    }
+
     openSettings() {
         dis.dispatch({action: 'view_user_settings'});
         this.closeMenu();

src/i18n/strings/en_EN.json

@@ -1221,6 +1221,7 @@
     "View Community": "View Community",
     "Hide": "Hide",
     "Sign in": "Sign in",
+    "Welcome": "Welcome",
     "Login": "Login",
     "powered by Matrix": "powered by Matrix",
     "Robot check is currently unavailable on desktop - please use a <a>web browser</a>": "Robot check is currently unavailable on desktop - please use a <a>web browser</a>",