fix(settings): notification tab restructure

Signed-off-by: Joshua Irmer <irmer@gonicus.de>
This commit is contained in:
Joshua Irmer
2025-03-12 14:06:55 +01:00
committed by Calinteodor
parent bc65d21ce4
commit a51e97f318

View File

@@ -190,14 +190,14 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
const classes = withStyles.getClasses(this.props);
return (
<div
<form
className = { classes.container }
key = 'sounds'>
{showSoundsSettings && (
<div className = { classes.column }>
<h2 className = { classes.title }>
<fieldset className = { classes.column }>
<legend className = { classes.title }>
{t('settings.playSounds')}
</h2>
</legend>
{enableReactions && <Checkbox
checked = { soundsReactions && !disabledSounds.includes('REACTION_SOUND') }
className = { classes.checkbox }
@@ -244,13 +244,13 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
label = { t('settings.participantKnocking') }
name = 'soundsParticipantKnocking'
onChange = { this._onChange } />
</div>
</fieldset>
)}
{showNotificationsSettings && (
<div className = { classes.column }>
<h2 className = { classes.title }>
<fieldset className = { classes.column }>
<legend className = { classes.title }>
{t('notify.displayNotifications')}
</h2>
</legend>
{
Object.keys(enabledNotifications).map(key => (
<Checkbox
@@ -264,9 +264,9 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
onChange = { e => this._onEnabledNotificationsChanged(e, key) } />
))
}
</div>
</fieldset>
)}
</div>
</form>
);
}
}