Merge pull request #36395 from ZhenjaHorbach/clicking-on-avatar-of-invited-workspace-does-not-open-avatar-in-full-screen-view

Fix bug with Clicking on avatar of invited workspace does not open avatar in full screen view

Author: bondydaa

src/components/AvatarWithImagePicker.js

@@ -100,6 +100,9 @@ const propTypes = {
         horizontal: PropTypes.oneOf(_.values(CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL)),
         vertical: PropTypes.oneOf(_.values(CONST.MODAL.ANCHOR_ORIGIN_VERTICAL)),
     }),
+
+    /** Allows to open an image without Attachment Picker. */
+    enablePreview: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -127,6 +130,7 @@ const defaultProps = {
         horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
         vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP,
     },
+    enablePreview: false,
 };
 
 function AvatarWithImagePicker({
@@ -152,6 +156,7 @@ function AvatarWithImagePicker({
     avatarStyle,
     disabled,
     onViewPhotoPress,
+    enablePreview,
 }) {
     const theme = useTheme();
     const styles = useThemeStyles();
@@ -330,10 +335,16 @@ function AvatarWithImagePicker({
                         text={translate('avatarWithImagePicker.editImage')}
                     >
                         <PressableWithoutFeedback
-                            onPress={() => setIsMenuVisible((prev) => !prev)}
+                            onPress={() => {
+                                if (disabled && enablePreview && onViewPhotoPress) {
+                                    onViewPhotoPress();
+                                    return;
+                                }
+                                setIsMenuVisible((prev) => !prev);
+                            }}
                             accessibilityRole={CONST.ACCESSIBILITY_ROLE.IMAGEBUTTON}
                             accessibilityLabel={translate('avatarWithImagePicker.editImage')}
-                            disabled={isAvatarCropModalOpen || disabled}
+                            disabled={isAvatarCropModalOpen || (disabled && !enablePreview)}
                             disabledStyle={disabledStyle}
                             ref={anchorRef}
                         >

src/pages/workspace/WorkspaceAvatar.tsx

@@ -31,6 +31,7 @@ function WorkspaceAvatar({policy, isLoadingApp = true}: WorkspaceAvatarProps) {
             originalFileName={policy?.originalFileName ?? policy?.name ?? ''}
             shouldShowNotFoundPage={!Object.keys(policy ?? {}).length && !isLoadingApp}
             isLoading={!Object.keys(policy ?? {}).length && !!isLoadingApp}
+            maybeIcon
         />
     );
 }

src/pages/workspace/WorkspaceProfilePage.js

@@ -79,6 +79,7 @@ function WorkspaceProfilePage({policy, currencyList, route}) {
                         source={lodashGet(policy, 'avatar')}
                         size={CONST.AVATAR_SIZE.XLARGE}
                         avatarStyle={styles.avatarXLarge}
+                        enablePreview
                         DefaultAvatar={() => (
                             <Avatar
                                 containerStyles={styles.avatarXLarge}