Merge pull request Expensify#90332 from callstack-internal/refactor/option-row-avatar

[No QA] refactor: rename OptionRowAvatar to OptionRow/Avatar

Author: mountiny

…onsList/OptionRowLHN/OptionRowAvatar.tsx …nsList/OptionRowLHN/OptionRow/Avatar.tsxsrc/components/LHNOptionsList/OptionRowLHN/OptionRowAvatar.tsx renamed to src/components/LHNOptionsList/OptionRowLHN/OptionRow/Avatar.tsx src/components/LHNOptionsList/OptionRowLHN/OptionRowAvatar.tsx renamed to src/components/LHNOptionsList/OptionRowLHN/OptionRow/Avatar.tsx

@@ -7,15 +7,15 @@ import {getDelegateAccountIDFromReportAction} from '@libs/ReportActionsUtils';
 import type {OptionData} from '@libs/ReportUtils';
 import CONST from '@src/CONST';
 
-type OptionRowAvatarProps = {
+type AvatarProps = {
     optionItem: OptionData;
     isInFocusMode: boolean;
     subscriptAvatarBorderColor: ColorValue;
     secondaryAvatarBackgroundColor: ColorValue;
     singleAvatarContainerStyle: ViewStyle[];
 };
 
-function OptionRowAvatarInner({optionItem, isInFocusMode, subscriptAvatarBorderColor, secondaryAvatarBackgroundColor, singleAvatarContainerStyle}: OptionRowAvatarProps) {
+function AvatarInner({optionItem, isInFocusMode, subscriptAvatarBorderColor, secondaryAvatarBackgroundColor, singleAvatarContainerStyle}: AvatarProps) {
     const personalDetails = usePersonalDetails();
 
     const delegateAccountID = getDelegateAccountIDFromReportAction(optionItem?.parentReportAction);
@@ -64,15 +64,15 @@ function OptionRowAvatarInner({optionItem, isInFocusMode, subscriptAvatarBorderC
     );
 }
 
-OptionRowAvatarInner.displayName = 'OptionRowAvatarInner';
+AvatarInner.displayName = 'OptionRow.AvatarInner';
 
-function OptionRowAvatar({optionItem, isInFocusMode, subscriptAvatarBorderColor, secondaryAvatarBackgroundColor, singleAvatarContainerStyle}: OptionRowAvatarProps) {
+function Avatar({optionItem, isInFocusMode, subscriptAvatarBorderColor, secondaryAvatarBackgroundColor, singleAvatarContainerStyle}: AvatarProps) {
     // Bail out before subscribing to personal details when the row has no avatar to render.
     if (!optionItem.icons?.length || !optionItem.icons.at(0)) {
         return null;
     }
     return (
-        <OptionRowAvatarInner
+        <AvatarInner
             optionItem={optionItem}
             isInFocusMode={isInFocusMode}
             subscriptAvatarBorderColor={subscriptAvatarBorderColor}
@@ -82,6 +82,6 @@ function OptionRowAvatar({optionItem, isInFocusMode, subscriptAvatarBorderColor,
     );
 }
 
-OptionRowAvatar.displayName = 'OptionRowAvatar';
+Avatar.displayName = 'OptionRow.Avatar';
 
-export default OptionRowAvatar;
+export default Avatar;

src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx

@@ -12,6 +12,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {shouldUseBoldText} from '@libs/OptionsListUtils';
 import CONST from '@src/CONST';
+import Avatar from './OptionRow/Avatar';
 import DescriptiveText from './OptionRow/DescriptiveText';
 import DraftIndicator from './OptionRow/DraftIndicator';
 import ErrorBadge from './OptionRow/ErrorBadge';
@@ -23,7 +24,6 @@ import ProductTrainingTooltip from './OptionRow/ProductTrainingTooltip';
 import Status from './OptionRow/Status';
 import Subtitle from './OptionRow/Subtitle';
 import Title from './OptionRow/Title';
-import OptionRowAvatar from './OptionRowAvatar';
 import OptionRowPressable from './OptionRowPressable';
 
 function OptionRowLHN({isOptionFocused = false, onSelectRow = () => {}, optionItem, viewMode = 'default', style, onLayout = () => {}, hasDraftComment, testID}: OptionRowLHNProps) {
@@ -107,7 +107,7 @@ function OptionRowLHN({isOptionFocused = false, onSelectRow = () => {}, optionIt
                             <>
                                 <View style={sidebarInnerRowStyle}>
                                     <View style={[styles.flexRow, styles.alignItemsCenter]}>
-                                        <OptionRowAvatar
+                                        <Avatar
                                             optionItem={optionItem}
                                             isInFocusMode={isInFocusMode}
                                             subscriptAvatarBorderColor={hovered && !isOptionFocused ? hoveredBackgroundColor : subscriptAvatarBorderColor}