diff --git a/src/components/RoomHeaderAvatars.js b/src/components/RoomHeaderAvatars.js index 7d8b5f134003..d11619b97a69 100644 --- 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 ( diff --git a/src/styles/StyleUtils.js b/src/styles/StyleUtils.js index 548ef84c60b3..4d8d1ba2a810 100644 --- 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 index 46905db35eb3..32b22f3bf140 100644 --- 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,