// @flow import * as React from 'react'; import {Image} from 'react-native'; import {List, withTheme} from 'react-native-paper'; import type {CustomThemeType} from '../../../managers/ThemeManager'; import type {ServiceItemType} from '../../../managers/ServicesManager'; import type {ListIconPropsType} from '../../../constants/PaperStyles'; type PropsType = { item: ServiceItemType, isActive: boolean, height: number, onPress: () => void, theme: CustomThemeType, }; class DashboardEditItem extends React.Component { shouldComponentUpdate(nextProps: PropsType): boolean { const {isActive} = this.props; return nextProps.isActive !== isActive; } render(): React.Node { const {item, onPress, height, isActive, theme} = this.props; return ( ( )} right={(props: ListIconPropsType): React.Node => isActive ? ( ) : null } style={{ height, justifyContent: 'center', paddingLeft: 30, backgroundColor: isActive ? theme.colors.proxiwashFinishedColor : 'transparent', }} /> ); } } export default withTheme(DashboardEditItem);