mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2024-11-19 01:40:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update ListItem.tsx

Browse Source
This commit is contained in:
Marcos Rodriguez Velez 2024-01-14 18:33:10 -04:00
parent add0070f05
commit 7b838945ef
No known key found for this signature in database
GPG Key ID: 6030B2F48CCE86D7
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/ListItem.tsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import React, { useMemo } from 'react';
import { I18nManager, ActivityIndicator, TouchableOpacity, Switch, StyleSheet, Pressable, PressableProps } from 'react-native';
import { ListItem as RNElementsListItem, Avatar } from 'react-native-elements'; // Replace with actual import paths
import { useTheme } from './themes';
@ -61,6 +61,10 @@ const ListItem: React.FC<ListItemProps> = React.memo(props => {
},
});
const memoizedSwitchProps = useMemo(() => {
return props.switch ? { ...props.switch } : undefined;
}, [props.switch]);
return (
<RNElementsListItem
containerStyle={props.containerStyle ?? stylesHook.containerStyle}
@ -102,7 +106,7 @@ const ListItem: React.FC<ListItemProps> = React.memo(props => {
<>
{props.chevron && <RNElementsListItem.Chevron iconStyle={{ transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }] }} />}
{props.rightIcon && <Avatar icon={props.rightIcon} />}
{props.switch && <Switch {...props.switch} accessibilityLabel={props.title} accessible accessibilityRole="switch" />}
{props.switch && <Switch {...memoizedSwitchProps} accessibilityLabel={props.title} accessible accessibilityRole="switch" />}
{props.checkmark && <RNElementsListItem.CheckBox iconType="octaicon" checkedColor="#0070FF" checkedIcon="check" checked />}
</>
)}