This commit is contained in:
dank074 2023-01-30 18:43:34 -06:00
parent 82f7cf13bb
commit dbd1ea0866

View File

@ -73,26 +73,43 @@ export const NavigatorRoomSettingsModTabView: FC<NavigatorRoomSettingsTabViewPro
<Column gap={ 1 }> <Column gap={ 1 }>
<Text bold>{ LocalizeText('navigator.roomsettings.moderation.mute.header') }</Text> <Text bold>{ LocalizeText('navigator.roomsettings.moderation.mute.header') }</Text>
<Flex alignItems="center" gap={ 1 }> <Flex alignItems="center" gap={ 1 }>
<input className="form-check-input" type="checkbox" checked={ (roomData.moderationSettings.allowMute === RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS) } onChange={ event => handleChange('moderation_mute', (event.target.checked ? RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS : RoomModerationSettings.MODERATION_LEVEL_NONE)) } /> <select className="form-select form-select-sm" value={ roomData.moderationSettings.allowMute } onChange={ event => handleChange('moderation_mute', event.target.value) }>
<Text>{ LocalizeText('navigator.roomsettings.moderation.rights') }</Text> <option value={ RoomModerationSettings.MODERATION_LEVEL_NONE }>
{ LocalizeText('navigator.roomsettings.moderation.none') }
</option>
<option value={ RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS }>
{ LocalizeText('navigator.roomsettings.moderation.rights') }
</option>
</select>
</Flex> </Flex>
</Column> </Column>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text bold>{ LocalizeText('navigator.roomsettings.moderation.kick.header') }</Text> <Text bold>{ LocalizeText('navigator.roomsettings.moderation.kick.header') }</Text>
<Flex alignItems="center" gap={ 1 }> <Flex alignItems="center" gap={ 1 }>
<input className="form-check-input" type="checkbox" checked={ (roomData.moderationSettings.allowKick === RoomModerationSettings.MODERATION_LEVEL_ALL) } onChange={ event => handleChange('moderation_kick', (event.target.checked ? RoomModerationSettings.MODERATION_LEVEL_ALL : RoomModerationSettings.MODERATION_LEVEL_NONE)) } /> <select className="form-select form-select-sm" value={ roomData.moderationSettings.allowKick } onChange={ event => handleChange('moderation_kick', event.target.value) }>
<Text>{ LocalizeText('navigator.roomsettings.moderation.all') }</Text> <option value={ RoomModerationSettings.MODERATION_LEVEL_NONE }>
</Flex> { LocalizeText('navigator.roomsettings.moderation.none') }
<Flex alignItems="center" gap={ 1 }> </option>
<input className="form-check-input" type="checkbox" checked={ (roomData.moderationSettings.allowKick >= RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS) } disabled={ (roomData.moderationSettings.allowKick === RoomModerationSettings.MODERATION_LEVEL_ALL) } onChange={ event => handleChange('moderation_kick', (event.target.checked ? RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS : RoomModerationSettings.MODERATION_LEVEL_NONE)) } /> <option value={ RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS }>
<Text>{ LocalizeText('navigator.roomsettings.moderation.rights') }</Text> { LocalizeText('navigator.roomsettings.moderation.rights') }
</option>
<option value={ RoomModerationSettings.MODERATION_LEVEL_ALL }>
{ LocalizeText('navigator.roomsettings.moderation.all') }
</option>
</select>
</Flex> </Flex>
</Column> </Column>
<Column gap={ 1 }> <Column gap={ 1 }>
<Text bold>{ LocalizeText('navigator.roomsettings.moderation.ban.header') }</Text> <Text bold>{ LocalizeText('navigator.roomsettings.moderation.ban.header') }</Text>
<Flex alignItems="center" gap={ 1 }> <Flex alignItems="center" gap={ 1 }>
<input className="form-check-input" type="checkbox" checked={ (roomData.moderationSettings.allowBan === RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS) } onChange={ event => handleChange('moderation_ban', (event.target.checked ? RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS : RoomModerationSettings.MODERATION_LEVEL_NONE)) } /> <select className="form-select form-select-sm" value={ roomData.moderationSettings.allowBan } onChange={ event => handleChange('moderation_ban', event.target.value) }>
<Text>{ LocalizeText('navigator.roomsettings.moderation.rights') }</Text> <option value={ RoomModerationSettings.MODERATION_LEVEL_NONE }>
{ LocalizeText('navigator.roomsettings.moderation.none') }
</option>
<option value={ RoomModerationSettings.MODERATION_LEVEL_USER_WITH_RIGHTS }>
{ LocalizeText('navigator.roomsettings.moderation.rights') }
</option>
</select>
</Flex> </Flex>
</Column> </Column>
</Column> </Column>