fix: side menu icon should not be visible in mobile when there… (#3665)

* side menu icon should not be visible

* adding displaySideMenu computed property

* using displaySideMenu computed property in public.hbs

* removing es5 getter

Co-authored-by: Kush Trivedi <[email protected]>

Author: 2 people

app/controllers/public.js

@@ -11,6 +11,11 @@ export default Controller.extend({
   displayEndDate: computed('model.startsAtDate', 'model.endsAtDate', function() {
     return !moment(this.model.startsAtDate).isSame(this.model.endsAtDate, 'minute');
   }),
+  displaySideMenu: computed('session.currentRouteName', function() {
+    if (this.session.currentRouteName) {
+      return this.session.currentRouteName !== 'public.cfs.new-session' && this.session.currentRouteName !== 'public.cfs.new-speaker' && this.session.currentRouteName !== 'public.cfs.edit-speaker' && this.session.currentRouteName !== 'public.cfs.edit-session';
+    }
+  }),
   actions: {
     toggleMenu() {
       this.toggleProperty('isMenuOpen');

app/templates/public.hbs

@@ -26,11 +26,13 @@
     <div class="ui stackable grid">
       <div class="three wide column" id="public-event-content">
         {{#if device.isMobile}}
-          <button {{action 'toggleMenu'}} class="ui basic icon button mobile only">
-            <i class="content icon"></i>
-          </button>
-          {{#if isMenuOpen}}
-            {{public/side-menu class='toggle menu' event=model}}
+          {{#if displaySideMenu}}
+            <button {{action 'toggleMenu'}} class="ui basic icon button mobile only">
+              <i class="content icon"></i>
+            </button>
+            {{#if isMenuOpen}}
+              {{public/side-menu class='toggle menu' event=model}}
+            {{/if}}
           {{/if}}
         {{else}}
           {{#ui-sticky context='#public-event-content' observeChanges=true}}