Added login button.

This commit is contained in:
Håvar Aambø Fosstveit
2018-06-18 13:33:56 +02:00
parent 6d46a777c0
commit cee74f9b29
9 changed files with 59 additions and 48 deletions
+16 -35
View File
@@ -24,9 +24,8 @@ class Room extends React.Component
amActiveSpeaker,
screenProducer,
onRoomLinkCopy,
onSetAudioMode,
onRestartIce,
onToggleSettings,
onLogin,
onShareScreen,
onUnShareScreen,
onNeedExtension,
@@ -142,25 +141,6 @@ class Room extends React.Component
}}
/>
<div
className={classnames('button', 'audio-only', {
on : me.audioOnly,
disabled : me.audioOnlyInProgress
})}
data-tip='Toggle audio only mode'
data-type='dark'
onClick={() => onSetAudioMode(!me.audioOnly)}
/>
<div
className={classnames('button', 'restart-ice', {
disabled : me.restartIceInProgress
})}
data-tip='Restart ICE'
data-type='dark'
onClick={() => onRestartIce()}
/>
<div
className={classnames('button', 'settings', {
on : room.showSettings,
@@ -171,6 +151,15 @@ class Room extends React.Component
onClick={() => onToggleSettings()}
/>
<div
className={classnames('button', 'login', 'off', {
disabled : me.loginInProgress
})}
data-tip='Login'
data-type='dark'
onClick={() => onLogin()}
/>
<div
className={classnames('button', 'raise-hand', {
on : me.raiseHand,
@@ -211,14 +200,13 @@ Room.propTypes =
amActiveSpeaker : PropTypes.bool.isRequired,
screenProducer : appPropTypes.Producer,
onRoomLinkCopy : PropTypes.func.isRequired,
onSetAudioMode : PropTypes.func.isRequired,
onRestartIce : PropTypes.func.isRequired,
onShareScreen : PropTypes.func.isRequired,
onUnShareScreen : PropTypes.func.isRequired,
onNeedExtension : PropTypes.func.isRequired,
onToggleSettings : PropTypes.func.isRequired,
onToggleHand : PropTypes.func.isRequired,
onLeaveMeeting : PropTypes.func.isRequired
onLeaveMeeting : PropTypes.func.isRequired,
onLogin : PropTypes.func.isRequired
};
const mapStateToProps = (state) =>
@@ -245,17 +233,6 @@ const mapDispatchToProps = (dispatch) =>
text : 'Room link copied to the clipboard'
}));
},
onSetAudioMode : (enable) =>
{
if (enable)
dispatch(requestActions.enableAudioOnly());
else
dispatch(requestActions.disableAudioOnly());
},
onRestartIce : () =>
{
dispatch(requestActions.restartIce());
},
onToggleSettings : () =>
{
dispatch(stateActions.toggleSettings());
@@ -282,6 +259,10 @@ const mapDispatchToProps = (dispatch) =>
onNeedExtension : () =>
{
dispatch(requestActions.installExtension());
},
onLogin : () =>
{
dispatch(requestActions.userLogin());
}
};
};