diff --git a/src/components/MultipleAvatars.tsx b/src/components/MultipleAvatars.tsx index 3e723b66828d..f8169503f932 100644 --- a/src/components/MultipleAvatars.tsx +++ b/src/components/MultipleAvatars.tsx @@ -153,6 +153,7 @@ function MultipleAvatars({ fallbackUserDetails={{ displayName: icons.at(0)?.name, }} + shouldRender={shouldShowTooltip} > {/* View is necessary for tooltip to show for multiple avatars in LHN */} @@ -282,6 +286,7 @@ function MultipleAvatars({ fallbackUserDetails={{ displayName: icons.at(1)?.name, }} + shouldRender={shouldShowTooltip} > ) : ( - + ( const isDisabled = !!section.isDisabled || item.isDisabled; const isItemFocused = (!isDisabled || item.isSelected) && focusedIndex === normalizedIndex; const isItemHighlighted = !!itemsToHighlight?.has(item.keyForList ?? ''); - // We only create tooltips for the first 10 users or so since some reports have hundreds of users, causing performance to degrade. - const showTooltip = shouldShowTooltips && normalizedIndex < 10; return ( onItemLayout(event, item?.keyForList)}> @@ -509,7 +507,7 @@ function BaseSelectionList( index={index} isFocused={isItemFocused} isDisabled={isDisabled} - showTooltip={showTooltip} + showTooltip={shouldShowTooltips} canSelectMultiple={canSelectMultiple} onLongPressRow={onLongPressRow} shouldSingleExecuteRowSelect={shouldSingleExecuteRowSelect} diff --git a/src/libs/OptionsListUtils.ts b/src/libs/OptionsListUtils.ts index 2470a02fb62a..d233774dae65 100644 --- a/src/libs/OptionsListUtils.ts +++ b/src/libs/OptionsListUtils.ts @@ -1507,7 +1507,7 @@ function getHeaderMessageForNonUserList(hasSelectableOptions: boolean, searchVal * Helper method to check whether an option can show tooltip or not */ function shouldOptionShowTooltip(option: ReportUtils.OptionData): boolean { - return (!option.isChatRoom || !!option.isThread) && !option.private_isArchived; + return !option.private_isArchived; } /** diff --git a/src/pages/home/HeaderView.tsx b/src/pages/home/HeaderView.tsx index 969e1a90ec3b..d55b3ad04db4 100644 --- a/src/pages/home/HeaderView.tsx +++ b/src/pages/home/HeaderView.tsx @@ -200,10 +200,7 @@ function HeaderView({report, parentReportAction, reportID, onNavigationMenuButto /> ) : ( - + )}