edit-setting-button.react.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

edit-setting-button.react.js
View Options

	// @flow

	import * as React from 'react';
	import { TouchableOpacity, StyleSheet, Platform } from 'react-native';

	import { useColors } from '../themes/colors';
	import type { TextStyle } from '../types/styles';
	import SWMansionIcon from './swmansion-icon.react';

	type Props = {
	+onPress: () => void,
	+canChangeSettings: boolean,
	+style?: TextStyle,
	};
	function EditSettingButton(props: Props): React.Node {
	const colors = useColors();
	if (!props.canChangeSettings) {
	return null;
	}
	const appliedStyles = [styles.editIcon];
	if (props.style) {
	appliedStyles.push(props.style);
	}
	const { modalForegroundSecondaryLabel } = colors;
	return (
	<TouchableOpacity onPress={props.onPress}>
	<SWMansionIcon
	name="edit-1"
	size={20}
	style={appliedStyles}
	color={modalForegroundSecondaryLabel}
	/>
	</TouchableOpacity>
	);
	}

	const styles = StyleSheet.create({
	editIcon: {
	paddingLeft: 10,
	paddingTop: Platform.select({ android: 1, default: 0 }),
	textAlign: 'right',
	},
	});

	export default EditSettingButton;