initial updates for new shared size avatars

Expensify · Jan 12, 2023 · 0167179 · 0167179
1 parent 9a7b027
commit 0167179
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/components/RoomHeaderAvatars.js b/src/components/RoomHeaderAvatars.js
@@ -61,9 +61,11 @@ const RoomHeaderAvatars = (props) => {
     }
 
     const iconsToDisplay = props.icons.slice(0, CONST.REPORT.MAX_PREVIEW_AVATARS);
+    console.log('this is large bordered', StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.LARGE_BORDERED));
+
     const iconStyle = [
         styles.roomHeaderAvatar,
-        StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.MEDIUM),
+        StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.LARGE_BORDERED),
     ];
     return (
         <View pointerEvents="none">

diff --git a/src/styles/StyleUtils.js b/src/styles/StyleUtils.js
@@ -22,7 +22,12 @@ function getAvatarSize(size) {
         [CONST.AVATAR_SIZE.SMALLER]: variables.avatarSizeSmaller,
         [CONST.AVATAR_SIZE.LARGE]: variables.avatarSizeLarge,
         [CONST.AVATAR_SIZE.MEDIUM]: variables.avatarSizeMedium,
+        [CONST.AVATAR_SIZE.LARGE_BORDERED]: variables.avatarSizeLargeBordered,
     };
+
+    if (!size) {
+        console.log('nothing was sent to size either', size, AVATAR_SIZES[size]);
+    }
     return AVATAR_SIZES[size];
 }
 
@@ -33,6 +38,10 @@ function getAvatarSize(size) {
  * @returns {Object}
  */
 function getAvatarStyle(size) {
+    if (!size) {
+        console.log('yourenot sending anything to style');
+    }
+
     const avatarSize = getAvatarSize(size);
     return {
         height: avatarSize,

diff --git a/src/styles/variables.js b/src/styles/variables.js
@@ -27,6 +27,7 @@ export default {
     componentBorderRadiusRounded: 20,
     buttonBorderRadius: 100,
     avatarSizeLarge: 80,
+    avatarSizeLargeBordered: 88,
     avatarSizeMedium: 52,
     avatarSizeNormal: 40,
     avatarSizeSmall: 28,