Merge pull request #2628 from jryans/adjust-top-left-menu

Adjust top left menu items

res/css/views/context_menus/_TopLeftMenu.scss

@@ -31,10 +31,18 @@ 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');
         }
 
+        li.mx_TopLeftMenu_icon_signin::after {
+            mask-image: url('$(res)/img/feather-icons/sign-in.svg');
+        }
+
         li.mx_TopLeftMenu_icon_signout::after {
             mask-image: url('$(res)/img/feather-icons/sign-out.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="1" 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>

res/img/feather-icons/sign-in.svg

@@ -0,0 +1,7 @@
+<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+    <g style="stroke:#454545;stroke-width:1;fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" transform="translate(1 1)">
+        <path d="m9.33333333 0h3.11111107c.8591097 0 1.5555556.69644595 1.5555556 1.55555556v10.88888884c0 .8591097-.6964459 1.5555556-1.5555556 1.5555556h-3.11111107"/>
+        <path d="m5.44444444 10.8888889 3.88888889-3.8888889-3.88888889-3.88888889"/>
+        <path d="m9.33333333 7h-9.33333333"/>
+    </g>
+</svg>

src/components/views/context_menus/TopLeftMenu.js

@@ -20,11 +20,15 @@ import { _t } from '../../../languageHandler';
 import LogoutDialog from "../dialogs/LogoutDialog";
 import Modal from "../../../Modal";
 import SdkConfig from '../../../SdkConfig';
+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);
     }
 
@@ -41,6 +45,8 @@ export class TopLeftMenu extends React.Component {
     }
 
     render() {
+        const isGuest = MatrixClientPeg.get().isGuest();
+
         let homePageSection = null;
         if (this.hasHomePage()) {
             homePageSection = <ul className="mx_TopLeftMenu_section">
@@ -48,14 +54,26 @@ export class TopLeftMenu extends React.Component {
             </ul>;
         }
 
+        let signInOutSection;
+        if (isGuest) {
+            signInOutSection = <ul className="mx_TopLeftMenu_section">
+                <li className="mx_TopLeftMenu_icon_signin" onClick={this.signIn}>{_t("Sign in")}</li>
+            </ul>;
+        } else {
+            signInOutSection = <ul className="mx_TopLeftMenu_section">
+                <li className="mx_TopLeftMenu_icon_signout" onClick={this.signOut}>{_t("Sign out")}</li>
+            </ul>;
+        }
+
         return <div className="mx_TopLeftMenu">
             {homePageSection}
             <ul className="mx_TopLeftMenu_section">
-                <li className="mx_TopLeftMenu_icon_settings" onClick={this.openSettings}>{_t("Settings")}</li>
+                <li className="mx_TopLeftMenu_icon_welcome" onClick={this.viewWelcomePage}>{_t("Welcome")}</li>
             </ul>
             <ul className="mx_TopLeftMenu_section">
-                <li className="mx_TopLeftMenu_icon_signout" onClick={this.signOut}>{_t("Sign out")}</li>
+                <li className="mx_TopLeftMenu_icon_settings" onClick={this.openSettings}>{_t("Settings")}</li>
             </ul>
+            {signInOutSection}
         </div>;
     }
 
@@ -64,11 +82,21 @@ 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();
     }
 
+    signIn() {
+        dis.dispatch({action: 'start_login'});
+        this.closeMenu();
+    }
+
     signOut() {
         Modal.createTrackedDialog('Logout E2E Export', '', LogoutDialog);
         this.closeMenu();

src/i18n/strings/en_EN.json

@@ -1051,7 +1051,6 @@
     "Continue With Encryption Disabled": "Continue With Encryption Disabled",
     "Unknown error": "Unknown error",
     "Incorrect password": "Incorrect password",
-    "Deactivate Account": "Deactivate Account",
     "This will make your account permanently unusable. You will not be able to log in, and no one will be able to re-register the same user ID. This will cause your account to leave all rooms it is participating in, and it will remove your account details from your identity server. <b>This action is irreversible.</b>": "This will make your account permanently unusable. You will not be able to log in, and no one will be able to re-register the same user ID. This will cause your account to leave all rooms it is participating in, and it will remove your account details from your identity server. <b>This action is irreversible.</b>",
     "Deactivating your account <b>does not by default cause us to forget messages you have sent.</b> If you would like us to forget your messages, please tick the box below.": "Deactivating your account <b>does not by default cause us to forget messages you have sent.</b> If you would like us to forget your messages, please tick the box below.",
     "Message visibility in Matrix is similar to email. Our forgetting your messages means that messages you have sent will not be shared with any new or unregistered users, but registered users who already have access to these messages will still have access to their copy.": "Message visibility in Matrix is similar to email. Our forgetting your messages means that messages you have sent will not be shared with any new or unregistered users, but registered users who already have access to these messages will still have access to their copy.",
@@ -1221,6 +1220,8 @@
     "Set a new status...": "Set a new status...",
     "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>",
@@ -1251,7 +1252,6 @@
     "Username": "Username",
     "Mobile phone number": "Mobile phone number",
     "Not sure of your password? <a>Set a new one</a>": "Not sure of your password? <a>Set a new one</a>",
-    "Sign in": "Sign in",
     "Sign in to %(serverName)s": "Sign in to %(serverName)s",
     "Change": "Change",
     "Sign in with": "Sign in with",