snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)
This commit is contained in:
61
react/features/settings/components/native/GeneralSection.tsx
Normal file
61
react/features/settings/components/native/GeneralSection.tsx
Normal file
@@ -0,0 +1,61 @@
|
||||
import React, { useCallback } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { Text, TouchableHighlight, View, ViewStyle } from 'react-native';
|
||||
import { useDispatch, useSelector } from 'react-redux';
|
||||
|
||||
import { IReduxState } from '../../../app/types';
|
||||
import i18next, { DEFAULT_LANGUAGE } from '../../../base/i18n/i18next';
|
||||
import Icon from '../../../base/icons/components/Icon';
|
||||
import { IconArrowRight } from '../../../base/icons/svg';
|
||||
import { updateSettings } from '../../../base/settings/actions';
|
||||
import Switch from '../../../base/ui/components/native/Switch';
|
||||
import { navigate } from '../../../mobile/navigation/components/settings/SettingsNavigationContainerRef';
|
||||
import { screen } from '../../../mobile/navigation/routes';
|
||||
|
||||
import FormRow from './FormRow';
|
||||
import FormSection from './FormSection';
|
||||
import styles from './styles';
|
||||
|
||||
|
||||
const GeneralSection = () => {
|
||||
const { t } = useTranslation();
|
||||
const dispatch = useDispatch();
|
||||
const {
|
||||
disableSelfView,
|
||||
} = useSelector((state: IReduxState) => state['features/base/settings']);
|
||||
|
||||
const { language = DEFAULT_LANGUAGE } = i18next;
|
||||
|
||||
const onSelfViewToggled = useCallback((enabled?: boolean) =>
|
||||
dispatch(updateSettings({ disableSelfView: enabled }))
|
||||
, [ dispatch, updateSettings ]);
|
||||
|
||||
const navigateToLanguageSelect = useCallback(() => {
|
||||
navigate(screen.settings.language);
|
||||
}, [ navigate, screen ]);
|
||||
|
||||
return (
|
||||
<FormSection>
|
||||
<FormRow label = 'videothumbnail.hideSelfView'>
|
||||
<Switch
|
||||
checked = { Boolean(disableSelfView) }
|
||||
onChange = { onSelfViewToggled } />
|
||||
</FormRow>
|
||||
<FormRow label = 'settings.language'>
|
||||
<View style = { styles.languageButtonContainer as ViewStyle }>
|
||||
<TouchableHighlight onPress = { navigateToLanguageSelect }>
|
||||
<View style = { styles.languageButton as ViewStyle }>
|
||||
<Text
|
||||
style = { styles.languageText }>{t(`languages:${language}`)}</Text>
|
||||
<Icon
|
||||
size = { 24 }
|
||||
src = { IconArrowRight } />
|
||||
</View>
|
||||
</TouchableHighlight>
|
||||
</View>
|
||||
</FormRow>
|
||||
</FormSection>
|
||||
);
|
||||
};
|
||||
|
||||
export default GeneralSection;
|
||||
Reference in New Issue
Block a user