Merge pull request #26923 from hoangzinh/df/26069

Fix background image is missing in Android native app

src/pages/signin/SignInPageLayout/BackgroundImage/index.android.js

@@ -1,3 +1,19 @@
-import backgroundImage from '../../../../../assets/images/home-background--android.svg';
+import React from 'react';
+import AndroidBackgroundImage from '../../../../../assets/images/home-background--android.svg';
+import styles from '../../../../styles/styles';
+import defaultPropTypes from './propTypes';
 
-export default backgroundImage;
+function BackgroundImage(props) {
+    return (
+        <AndroidBackgroundImage
+            pointerEvents={props.pointerEvents}
+            width={props.width}
+            style={styles.signInBackground}
+        />
+    );
+}
+
+BackgroundImage.displayName = 'BackgroundImage';
+BackgroundImage.propTypes = defaultPropTypes;
+
+export default BackgroundImage;

src/pages/signin/SignInPageLayout/BackgroundImage/index.js

@@ -3,15 +3,17 @@ import PropTypes from 'prop-types';
 import MobileBackgroundImage from '../../../../../assets/images/home-background--mobile.svg';
 import DesktopBackgroundImage from '../../../../../assets/images/home-background--desktop.svg';
 import styles from '../../../../styles/styles';
+import defaultPropTypes from './propTypes';
 
 const defaultProps = {
     isSmallScreen: false,
 };
 
 const propTypes = {
+    /** Is the window width narrow, like on a mobile device */
     isSmallScreen: PropTypes.bool,
-    pointerEvents: PropTypes.string.isRequired,
-    width: PropTypes.number.isRequired,
+
+    ...defaultPropTypes,
 };
 function BackgroundImage(props) {
     return props.isSmallScreen ? (

src/pages/signin/SignInPageLayout/BackgroundImage/propTypes.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+
+const propTypes = {
+    /** pointerEvents property to the SVG element */
+    pointerEvents: PropTypes.string.isRequired,
+
+    /** The width of the image. */
+    width: PropTypes.number.isRequired,
+};
+
+export default propTypes;