Mobile - Cover block - Fix upload placeholder

WordPress · Jul 7, 2020 · c4b465e · c4b465e
1 parent b14da68
commit c4b465e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/components/src/mobile/image/index.native.js b/packages/components/src/mobile/image/index.native.js
@@ -118,10 +118,13 @@ const ImageComponent = ( {
 		styles.iconUploadDark
 	);
 
-	const placeholderStyles = usePreferredColorSchemeStyle(
-		styles.imageContainerUpload,
-		styles.imageContainerUploadDark
-	);
+	const placeholderStyles = [
+		usePreferredColorSchemeStyle(
+			styles.imageContainerUpload,
+			styles.imageContainerUploadDark
+		),
+		withFocalPoint && styles.imageContainerUploadWithFocalpoint,
+	];
 
 	const customWidth =
 		imageData?.width < containerSize?.width ? imageData?.width : '100%';
@@ -207,7 +210,7 @@ const ImageComponent = ( {
 					</View>
 				) }
 
-				{ isUploadFailed && (
+				{ isUploadFailed && retryMessage && (
 					<View
 						style={ [
 							styles.imageContainer,

diff --git a/packages/components/src/mobile/image/style.native.scss b/packages/components/src/mobile/image/style.native.scss
@@ -61,6 +61,10 @@
 	background-color: $gray-90;
 }
 
+.imageContainerUploadWithFocalpoint {
+	height: 100%;
+}
+
 .imageUploadingIconContainer {
 	width: 40px;
 	height: 40px;