diff --git a/src/components/SelectionList/ListItem/InviteMemberListItem.tsx b/src/components/SelectionList/ListItem/InviteMemberListItem.tsx index 6a8e730c1d1e3..8c3c111b6ffa5 100644 --- a/src/components/SelectionList/ListItem/InviteMemberListItem.tsx +++ b/src/components/SelectionList/ListItem/InviteMemberListItem.tsx @@ -5,6 +5,7 @@ import PressableWithFeedback from '@components/Pressable/PressableWithFeedback'; import {useProductTrainingContext} from '@components/ProductTrainingContext'; import ReportActionAvatars from '@components/ReportActionAvatars'; import SelectCircle from '@components/SelectCircle'; +import {ListItemFocusContext} from '@components/SelectionList/ListItemFocusContext'; import Text from '@components/Text'; import TextWithTooltip from '@components/TextWithTooltip'; import EducationalTooltip from '@components/Tooltip/EducationalTooltip'; @@ -153,7 +154,7 @@ function InviteMemberListItem({ /> )} - {!!item.rightElement && item.rightElement} + {!!item.rightElement && {item.rightElement}} {!!shouldShowCheckBox && ( ({ /> )} - {!!item.rightElement && item.rightElement} + {!!item.rightElement && {item.rightElement}} {!!item.shouldShowRightCaret && ( ({isFocused: false}); + +function useListItemFocus() { + return useContext(ListItemFocusContext); +} + +export {ListItemFocusContext, useListItemFocus}; diff --git a/src/components/SelectionListWithSections/InviteMemberListItem.tsx b/src/components/SelectionListWithSections/InviteMemberListItem.tsx index dd7ef2d56a88b..7a561997f5754 100644 --- a/src/components/SelectionListWithSections/InviteMemberListItem.tsx +++ b/src/components/SelectionListWithSections/InviteMemberListItem.tsx @@ -5,6 +5,7 @@ import PressableWithFeedback from '@components/Pressable/PressableWithFeedback'; import {useProductTrainingContext} from '@components/ProductTrainingContext'; import ReportActionAvatars from '@components/ReportActionAvatars'; import SelectCircle from '@components/SelectCircle'; +import {ListItemFocusContext} from '@components/SelectionList/ListItemFocusContext'; import Text from '@components/Text'; import TextWithTooltip from '@components/TextWithTooltip'; import EducationalTooltip from '@components/Tooltip/EducationalTooltip'; @@ -150,7 +151,7 @@ function InviteMemberListItem({ /> )} - {!!item.rightElement && item.rightElement} + {!!item.rightElement && {item.rightElement}} {!!shouldShowCheckBox && ( ({ role={CONST.ROLE.BUTTON} accessibilityLabel={item.text ?? ''} style={[styles.ml2, styles.optionSelectCircle]} + sentryLabel={CONST.SENTRY_LABEL.LIST_ITEM.INVITE_MEMBER_CHECKBOX} > ({ /> )} - {!!item.rightElement && item.rightElement} + {!!item.rightElement && {item.rightElement}} {!!item.shouldShowRightIcon && ( ); }