add shouldShowSmallScreen

Expensify · Nov 13, 2023 · aedebbe · aedebbe
1 parent b33c309
commit aedebbe
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/pages/signin/SignInHeroImage.js b/src/pages/signin/SignInHeroImage.js
@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import Lottie from '@components/Lottie';
 import LottieAnimations from '@components/LottieAnimations';
@@ -7,11 +8,17 @@ import variables from '@styles/variables';
 
 const propTypes = {
     ...windowDimensionsPropTypes,
+
+    shouldShowSmallScreen: PropTypes.bool,
+};
+
+const defaultProps = {
+    shouldShowSmallScreen: false,
 };
 
 function SignInHeroImage(props) {
     let imageSize;
-    if (props.isSmallScreenWidth) {
+    if (props.isSmallScreenWidth || props.shouldShowSmallScreen) {
         imageSize = {
             height: variables.signInHeroImageMobileHeight,
             width: variables.signInHeroImageMobileWidth,
@@ -41,5 +48,6 @@ function SignInHeroImage(props) {
 
 SignInHeroImage.displayName = 'SignInHeroImage';
 SignInHeroImage.propTypes = propTypes;
+SignInHeroImage.defaultProps = defaultProps;
 
 export default withWindowDimensions(SignInHeroImage);
diff --git a/src/pages/signin/SignInPageLayout/SignInPageContent.js b/src/pages/signin/SignInPageLayout/SignInPageContent.js
@@ -77,7 +77,7 @@ function SignInPageContent(props) {
                     </View>
                     {props.shouldShowSmallScreen ? (
                         <View style={[styles.mt8]}>
-                            <SignInHeroImage />
+                            <SignInHeroImage shouldShowSmallScreen />
                         </View>
                     ) : null}
                 </View>