Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

rename the "Disable chat" switch to a simple "Chat" (#286)

Browse Source 
* change chat config lable

* reverse the chat enable UI

* add reversed to toggle switch props
This commit is contained in:
Meisam 2021-09-11 00:08:15 +02:00 committed by GitHub
parent 718ced0fda
commit 9589c8e11a
3 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/config/form-toggleswitch.tsx
View File

@ -22,6 +22,7 @@ interface ToggleSwitchProps {
apiPath?: string;
checked?: boolean;
reversed?: boolean;
configPath?: string;
disabled?: boolean;
label?: string;
@ -40,6 +41,7 @@ export default function ToggleSwitch(props: ToggleSwitchProps) {
const {
apiPath,
checked,
reversed = false,
configPath = '',
disabled = false,
fieldName,
@ -58,12 +60,13 @@ export default function ToggleSwitch(props: ToggleSwitchProps) {
const handleChange = async (isChecked: boolean) => {
if (useSubmit) {
setSubmitStatus(createInputStatus(STATUS_PROCESSING));
const isCheckedSend = reversed ? !isChecked : isChecked;
await postConfigUpdateToAPI({
apiPath,
data: { value: isChecked },
data: { value: isCheckedSend },
onSuccess: () => {
setFieldInConfigState({ fieldName, value: isChecked, path: configPath });
setFieldInConfigState({ fieldName, value: isCheckedSend, path: configPath });
setSubmitStatus(createInputStatus(STATUS_SUCCESS));
},
onError: (message: string) => {
@ -109,6 +112,7 @@ export default function ToggleSwitch(props: ToggleSwitchProps) {
ToggleSwitch.defaultProps = {
apiPath: '',
checked: false,
reversed: false,
configPath: '',
disabled: false,
label: '',

5
web/pages/config-chat.tsx
View File

@ -36,7 +36,7 @@ export default function ConfigChat() {
};
function handleChatDisableChange(disabled: boolean) {
handleFieldChange({ fieldName: 'chatDisabled', value: disabled });
handleFieldChange({ fieldName: 'chatDisabled', value: !disabled });
}
function resetForbiddenUsernameState() {
@ -95,7 +95,8 @@ export default function ConfigChat() {
<ToggleSwitch
fieldName="chatDisabled"
{...FIELD_PROPS_DISABLE_CHAT}
checked={formDataValues.chatDisabled}
checked={!formDataValues.chatDisabled}
reversed
onChange={handleChatDisableChange}
/>
<TextFieldWithSubmit

4
web/utils/config-constants.tsx
View File

@ -178,8 +178,8 @@ export const DEFAULT_VARIANT_STATE: VideoVariant = {
export const FIELD_PROPS_DISABLE_CHAT = {
apiPath: API_CHAT_DISABLE,
configPath: '',
label: 'Disable chat',
tip: 'Disable chat functionality from your Owncast server.',
label: 'Chat',
tip: 'Turn the chat functionality on/off on your Owncast server.',
useSubmit: true,
};