rename avatarIcons to icons in MultipleAvatars

Rakee08 · Apr 11, 2022 · 0967f47 · 0967f47
1 parent e16e0ef
commit 0967f47
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/components/MultipleAvatars.js b/src/components/MultipleAvatars.js
@@ -12,7 +12,7 @@ import CONST from '../CONST';
 
 const propTypes = {
     /** Array of avatar URLs or icons */
-    avatarIcons: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.func])),
+    icons: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.func])),
 
     /** Set the size of avatars */
     size: PropTypes.oneOf(_.values(CONST.AVATAR_SIZE)),
@@ -26,7 +26,7 @@ const propTypes = {
 };
 
 const defaultProps = {
-    avatarIcons: [],
+    icons: [],
     size: CONST.AVATAR_SIZE.DEFAULT,
     secondAvatarStyle: [StyleUtils.getBackgroundAndBorderStyle(themeColors.componentBG)],
     avatarTooltips: [],
@@ -40,16 +40,16 @@ const MultipleAvatars = (props) => {
         ...props.secondAvatarStyle,
     ];
 
-    if (!props.avatarIcons.length) {
+    if (!props.icons.length) {
         return null;
     }
 
-    if (props.avatarIcons.length === 1) {
+    if (props.icons.length === 1) {
         return (
             <View style={avatarContainerStyles}>
                 <Tooltip text={props.avatarTooltips[0]}>
                     <Avatar
-                        source={props.avatarIcons[0]}
+                        source={props.icons[0]}
                         size={props.size}
                         fill={themeColors.iconSuccessFill}
                     />
@@ -65,17 +65,17 @@ const MultipleAvatars = (props) => {
             >
                 <Tooltip text={props.avatarTooltips[0]} absolute>
                     <Image
-                        source={{uri: props.avatarIcons[0]}}
+                        source={{uri: props.icons[0]}}
                         style={singleAvatarStyles}
                     />
                 </Tooltip>
                 <View
                     style={secondAvatarStyles}
                 >
-                    {props.avatarIcons.length === 2 ? (
+                    {props.icons.length === 2 ? (
                         <Tooltip text={props.avatarTooltips[1]} absolute>
                             <Image
-                                source={{uri: props.avatarIcons[1]}}
+                                source={{uri: props.icons[1]}}
                                 style={singleAvatarStyles}
                             />
                         </Tooltip>
@@ -88,7 +88,7 @@ const MultipleAvatars = (props) => {
                                     ? styles.avatarInnerTextSmall
                                     : styles.avatarInnerText}
                                 >
-                                    {`+${props.avatarIcons.length - 1}`}
+                                    {`+${props.icons.length - 1}`}
                                 </Text>
                             </View>
                         </Tooltip>

diff --git a/src/components/OptionRow.js b/src/components/OptionRow.js
@@ -173,7 +173,7 @@ const OptionRow = (props) => {
                                         />
                                     ) : (
                                         <MultipleAvatars
-                                            avatarIcons={props.option.icons}
+                                            icons={props.option.icons}
                                             size={props.mode === CONST.OPTION_MODE.COMPACT ? CONST.AVATAR_SIZE.SMALL : CONST.AVATAR_SIZE.DEFAULT}
                                             secondAvatarStyle={[
                                                 StyleUtils.getBackgroundAndBorderStyle(props.backgroundColor),

diff --git a/src/components/ReportActionItem/IOUPreview.js b/src/components/ReportActionItem/IOUPreview.js
@@ -139,7 +139,7 @@ const IOUPreview = (props) => {
                                 </View>
                                 <View style={styles.iouPreviewBoxAvatar}>
                                     <MultipleAvatars
-                                        avatarIcons={[managerAvatar, ownerAvatar]}
+                                        icons={[managerAvatar, ownerAvatar]}
                                         secondAvatarStyle={[styles.secondAvatarInline]}
                                         avatarTooltips={avatarTooltip}
                                     />

diff --git a/src/pages/home/HeaderView.js b/src/pages/home/HeaderView.js
@@ -145,7 +145,7 @@ const HeaderView = (props) => {
                                 />
                             ) : (
                                 <MultipleAvatars
-                                    avatarIcons={reportIcons}
+                                    icons={reportIcons}
                                     avatarTooltips={avatarTooltip}
                                 />
                             )}