diff options
Diffstat (limited to 'webapp/components')
-rw-r--r-- | webapp/components/sidebar_right_menu.jsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/webapp/components/sidebar_right_menu.jsx b/webapp/components/sidebar_right_menu.jsx index b368f9fe1..eb699d05d 100644 --- a/webapp/components/sidebar_right_menu.jsx +++ b/webapp/components/sidebar_right_menu.jsx @@ -4,6 +4,7 @@ import TeamMembersModal from './team_members_modal.jsx'; import ToggleModalButton from './toggle_modal_button.jsx'; import UserSettingsModal from './user_settings/user_settings_modal.jsx'; +import AboutBuildModal from './about_build_modal.jsx'; import UserStore from 'stores/user_store.jsx'; import PreferenceStore from 'stores/preference_store.jsx'; @@ -27,15 +28,26 @@ export default class SidebarRightMenu extends React.Component { super(props); this.onPreferenceChange = this.onPreferenceChange.bind(this); + this.handleAboutModal = this.handleAboutModal.bind(this); + this.aboutModalDismissed = this.aboutModalDismissed.bind(this); const state = this.getStateFromStores(); state.showUserSettingsModal = false; + state.showAboutModal = false; this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this); this.state = state; } + handleAboutModal() { + this.setState({showAboutModal: true}); + } + + aboutModalDismissed() { + this.setState({showAboutModal: false}); + } + componentDidMount() { PreferenceStore.addChangeListener(this.onPreferenceChange); } @@ -245,12 +257,28 @@ export default class SidebarRightMenu extends React.Component { <li className='divider'></li> {helpLink} {reportLink} + <li> + <a + href='#' + onClick={this.handleAboutModal} + > + <i className='fa fa-info'></i> + <FormattedMessage + id='navbar_dropdown.about' + defaultMessage='About Mattermost' + /> + </a> + </li> </ul> </div> <UserSettingsModal show={this.state.showUserSettingsModal} onModalDismissed={() => this.setState({showUserSettingsModal: false})} /> + <AboutBuildModal + show={this.state.showAboutModal} + onModalDismissed={this.aboutModalDismissed} + /> </div> ); } |