784b05fe97
* upgrade reanimated * update devDependencies * upgrade react-intl * update react-native and some dependencies * update react-native-permissions * update RN * use Share sheet for Report a problem * update Sentry * remove step to downloadWebRTC * update detox deps * feedback review
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {Platform} from 'react-native';
|
|
|
|
import OptionItem, {type OptionItemProps} from '@components/option_item';
|
|
import {useTheme} from '@context/theme';
|
|
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
|
|
import {typography} from '@utils/typography';
|
|
|
|
const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|
return {
|
|
container: {
|
|
paddingHorizontal: 20,
|
|
},
|
|
optionLabelTextStyle: {
|
|
color: theme.centerChannelColor,
|
|
...typography('Body', 200, 'Regular'),
|
|
marginBottom: 4,
|
|
},
|
|
optionDescriptionTextStyle: {
|
|
color: changeOpacity(theme.centerChannelColor, 0.64),
|
|
...typography('Body', 75, 'Regular'),
|
|
},
|
|
};
|
|
});
|
|
|
|
const SettingOption = ({...props}: OptionItemProps) => {
|
|
const theme = useTheme();
|
|
const styles = getStyleSheet(theme);
|
|
|
|
const useRadioButton = props.type === 'select' && Platform.OS === 'android';
|
|
|
|
return (
|
|
<OptionItem
|
|
optionDescriptionTextStyle={styles.optionDescriptionTextStyle}
|
|
optionLabelTextStyle={styles.optionLabelTextStyle}
|
|
containerStyle={[styles.container, Boolean(props.description) && {marginVertical: 12}]}
|
|
{...props}
|
|
type={useRadioButton ? 'radio' : props.type}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default SettingOption;
|