Merge pull request #3360 from JaeeunCho/dropdown_chg

HTML5 Dropdown - fixed warnings and added style

bigbluebutton-html5/imports/ui/components/logout-confirmation/component.jsx

@@ -47,7 +47,7 @@ class LeaveConfirmation extends Component {
       <Modal
         title={intl.formatMessage(intlMessages.title)}
         confirm={{
-          callback: this.handleLeave,
+          callback: this.handleLeaveConfirmation,
           label: intl.formatMessage(intlMessages.confirmLabel),
           description: intl.formatMessage(intlMessages.confirmDesc),
         }}

bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx

@@ -2,7 +2,7 @@ import React, { Component, PropTyes } from 'react';
 import { FormattedMessage } from 'react-intl';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
-import styles from './styles';
+import styles from '../styles';
 
 import { showModal } from '/imports/ui/components/app/service';
 import LogoutConfirmation from '/imports/ui/components/logout-confirmation/component';
@@ -63,6 +63,7 @@ export default class SettingsDropdown extends Component {
             ghost={true}
             circle={true}
             hideLabel={true}
+            className={styles.settingBtn}
 
             // FIXME: Without onClick react proptypes keep warning
             // even after the DropdownTrigger inject an onClick handler

bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/styles.scss

-@import "../../../stylesheets/variables/_all";

bigbluebutton-html5/imports/ui/components/nav-bar/styles.scss

@@ -60,3 +60,11 @@
   height:1px;
   overflow:hidden;
 }
+
+.settingBtn {
+  transform: rotate(90deg);
+  span {
+    border: none;
+    box-shadow: none;
+  }
+}

bigbluebutton-html5/imports/ui/services/auth/index.js

@@ -77,7 +77,7 @@ class Auth {
     let logoutURL = this.logoutURL;
     callServer('userLogout');
 
-    clearCredentials(() => {
+    this.clearCredentials(() => {
       document.location.href = logoutURL;
     });
   };