mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
fix(follow-me): Small UI fixes.
Does not allow toggling both follow me and follow me recorder. And make when locally enabled show correct status when follow me recorder is selected.
This commit is contained in:
@@ -150,7 +150,10 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
|
||||
* @returns {void}
|
||||
*/
|
||||
_onFollowMeEnabledChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
|
||||
super._onChange({ followMeEnabled: checked });
|
||||
super._onChange({
|
||||
followMeEnabled: checked,
|
||||
followMeRecorderEnabled: checked ? false : undefined
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -161,7 +164,10 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
|
||||
* @returns {void}
|
||||
*/
|
||||
_onFollowMeRecorderEnabledChanged({ target: { checked } }: React.ChangeEvent<HTMLInputElement>) {
|
||||
super._onChange({ followMeRecorderEnabled: checked });
|
||||
super._onChange({
|
||||
followMeEnabled: checked ? false : undefined,
|
||||
followMeRecorderEnabled: checked
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -184,6 +190,8 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
|
||||
} = this.props;
|
||||
const classes = withStyles.getClasses(this.props);
|
||||
|
||||
const followMeRecorderChecked = followMeRecorderEnabled && !followMeRecorderActive;
|
||||
|
||||
return (
|
||||
<div
|
||||
className = { `moderator-tab ${classes.container}` }
|
||||
@@ -204,14 +212,14 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
|
||||
name = 'start-video-muted'
|
||||
onChange = { this._onStartVideoMutedChanged } />
|
||||
<Checkbox
|
||||
checked = { followMeEnabled && !followMeActive }
|
||||
checked = { followMeEnabled && !followMeActive && !followMeRecorderChecked }
|
||||
className = { classes.checkbox }
|
||||
disabled = { followMeActive || followMeRecorderActive }
|
||||
label = { t('settings.followMe') }
|
||||
name = 'follow-me'
|
||||
onChange = { this._onFollowMeEnabledChanged } />
|
||||
<Checkbox
|
||||
checked = { followMeRecorderEnabled && !followMeRecorderActive }
|
||||
checked = { followMeRecorderChecked }
|
||||
className = { classes.checkbox }
|
||||
disabled = { followMeRecorderActive || followMeActive }
|
||||
label = { t('settings.followMeRecorder') }
|
||||
|
||||
Reference in New Issue
Block a user