Fix Pay Reports page & welcome text styles

Author: JakubKorytko

src/components/ReportActionAvatars/index.tsx

@@ -172,7 +172,7 @@ function ReportActionAvatars({
         <ReportActionAvatar.Single
             avatar={primaryAvatar}
             size={size}
-            containerStyles={singleAvatarContainerStyle}
+            containerStyles={shouldStackHorizontally ? [] : singleAvatarContainerStyle}
             shouldShowTooltip={shouldShowTooltip}
             accountID={Number(delegateAccountID ?? primaryAvatar.id ?? CONST.DEFAULT_NUMBER_ID)}
             delegateAccountID={action?.delegateAccountID}

src/libs/ReportUtils.ts

@@ -3399,6 +3399,7 @@ function getReportActionAvatars({
     const isWorkspaceChatWithoutChatReport = !chatReport && isAWorkspaceChat;
     // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
     const usePersonalDetailsAvatars = (isChatReportOnlyProp || isWorkspaceChatWithoutChatReport) && isReportPreviewOrNoAction && !isATripPreview;
+    const useNearestReportAvatars = (!accountID || !action) && accountIDs.length === 0;
 
     const getIconsWithDefaults = (report: OnyxInputOrEntry<Report>) =>
         getIcons(report, personalDetails, avatar ?? fallbackIcon ?? FallbackAvatar, defaultDisplayName, accountID, policy, invoiceReceiverPolicy);
@@ -3407,7 +3408,9 @@ function getReportActionAvatars({
 
     let primaryAvatar;
 
-    if (isWorkspaceActor || usePersonalDetailsAvatars) {
+    if (useNearestReportAvatars) {
+        primaryAvatar = getIconsWithDefaults(iouReport ?? chatReport).at(0);
+    } else if (isWorkspaceActor || usePersonalDetailsAvatars) {
         primaryAvatar = reportIcons.at(0);
     } else if (delegatePersonalDetails) {
         primaryAvatar = getIconsWithDefaults(iouReport).at(0);
@@ -3426,7 +3429,9 @@ function getReportActionAvatars({
 
     let secondaryAvatar;
 
-    if (usePersonalDetailsAvatars) {
+    if (useNearestReportAvatars) {
+        secondaryAvatar = getIconsWithDefaults(iouReport ?? chatReport).at(1);
+    } else if (usePersonalDetailsAvatars) {
         secondaryAvatar = reportIcons.at(1);
     } else if (isATripPreview) {
         secondaryAvatar = reportIcons.at(0);

src/pages/home/report/ReportActionItemSingle.tsx

@@ -124,7 +124,6 @@ function ReportActionItemSingle({
     });
 
     const {login, pendingFields, status} = personalDetails?.[accountID] ?? {};
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
 
     const accountOwnerDetails = getPersonalDetailByEmail(login ?? '');