From 326029adb5b6bebe38edd2fd80b2a8418a0aa2d7 Mon Sep 17 00:00:00 2001
From: Pujan <shahpujan1992@gmail.com>
Date: Thu, 5 Oct 2023 15:42:23 +0530
Subject: [PATCH 1/3] use isInModal for the footer

---
 src/pages/signin/SignInPageLayout/Footer.js | 7 +++++--
 src/pages/signin/SignInPageLayout/index.js  | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/signin/SignInPageLayout/Footer.js b/src/pages/signin/SignInPageLayout/Footer.js
index 62733f3cec9e..8237c0530769 100644
--- a/src/pages/signin/SignInPageLayout/Footer.js
+++ b/src/pages/signin/SignInPageLayout/Footer.js
@@ -23,9 +23,12 @@ const propTypes = {
     ...windowDimensionsPropTypes,
     ...withLocalizePropTypes,
     scrollPageToTop: PropTypes.func.isRequired,
+    isInModal: PropTypes.bool,
 };
 
-const defaultProps = {};
+const defaultProps = {
+    isInModal: false,
+};
 
 const navigateHome = (scrollPageToTop) => {
     scrollPageToTop();
@@ -150,7 +153,7 @@ const columns = ({scrollPageToTop}) => [
 ];
 
 function Footer(props) {
-    const isVertical = props.isSmallScreenWidth;
+    const isVertical = props.isSmallScreenWidth || props.isInModal;
     const imageDirection = isVertical ? styles.flexRow : styles.flexColumn;
     const imageStyle = isVertical ? styles.pr0 : styles.alignSelfCenter;
     const columnDirection = isVertical ? styles.flexColumn : styles.flexRow;
diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index 1f70364c307b..60d5f4e1a000 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -170,7 +170,7 @@ function SignInPageLayout(props) {
                         </SignInPageContent>
                     </View>
                     <View style={[styles.flex0]}>
-                        <Footer scrollPageToTop={scrollPageToTop} />
+                        <Footer scrollPageToTop={scrollPageToTop} isInModal={props.isInModal} />
                     </View>
                 </ScrollView>
             )}

From 280848ea073ae9a3dc0c4ae4b7c9643c05bace58 Mon Sep 17 00:00:00 2001
From: Pujan <shahpujan1992@gmail.com>
Date: Thu, 5 Oct 2023 16:23:11 +0530
Subject: [PATCH 2/3] prettier

---
 src/pages/signin/SignInPageLayout/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index 60d5f4e1a000..b8698c0e9760 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -170,7 +170,10 @@ function SignInPageLayout(props) {
                         </SignInPageContent>
                     </View>
                     <View style={[styles.flex0]}>
-                        <Footer scrollPageToTop={scrollPageToTop} isInModal={props.isInModal} />
+                        <Footer
+                            scrollPageToTop={scrollPageToTop}
+                            isInModal={props.isInModal}
+                        />
                     </View>
                 </ScrollView>
             )}

From f0f0f601c5e19ad8334e19b8f43c1509443d1762 Mon Sep 17 00:00:00 2001
From: Pujan <shahpujan1992@gmail.com>
Date: Thu, 5 Oct 2023 22:33:13 +0530
Subject: [PATCH 3/3] prop updation

---
 src/pages/signin/SignInPageLayout/Footer.js | 11 ++++-------
 src/pages/signin/SignInPageLayout/index.js  |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/pages/signin/SignInPageLayout/Footer.js b/src/pages/signin/SignInPageLayout/Footer.js
index 8237c0530769..2fb5e45db760 100644
--- a/src/pages/signin/SignInPageLayout/Footer.js
+++ b/src/pages/signin/SignInPageLayout/Footer.js
@@ -10,8 +10,6 @@ import variables from '../../../styles/variables';
 import * as Expensicons from '../../../components/Icon/Expensicons';
 import TextLink from '../../../components/TextLink';
 import withLocalize, {withLocalizePropTypes} from '../../../components/withLocalize';
-import withWindowDimensions, {windowDimensionsPropTypes} from '../../../components/withWindowDimensions';
-import compose from '../../../libs/compose';
 import Licenses from '../Licenses';
 import Socials from '../Socials';
 import Hoverable from '../../../components/Hoverable';
@@ -20,14 +18,13 @@ import * as Session from '../../../libs/actions/Session';
 import SignInGradient from '../../../../assets/images/home-fade-gradient--mobile.svg';
 
 const propTypes = {
-    ...windowDimensionsPropTypes,
     ...withLocalizePropTypes,
     scrollPageToTop: PropTypes.func.isRequired,
-    isInModal: PropTypes.bool,
+    shouldShowSmallScreen: PropTypes.bool,
 };
 
 const defaultProps = {
-    isInModal: false,
+    shouldShowSmallScreen: false,
 };
 
 const navigateHome = (scrollPageToTop) => {
@@ -153,7 +150,7 @@ const columns = ({scrollPageToTop}) => [
 ];
 
 function Footer(props) {
-    const isVertical = props.isSmallScreenWidth || props.isInModal;
+    const isVertical = props.shouldShowSmallScreen;
     const imageDirection = isVertical ? styles.flexRow : styles.flexColumn;
     const imageStyle = isVertical ? styles.pr0 : styles.alignSelfCenter;
     const columnDirection = isVertical ? styles.flexColumn : styles.flexRow;
@@ -228,4 +225,4 @@ Footer.propTypes = propTypes;
 Footer.displayName = 'Footer';
 Footer.defaultProps = defaultProps;
 
-export default compose(withLocalize, withWindowDimensions)(Footer);
+export default withLocalize(Footer);
diff --git a/src/pages/signin/SignInPageLayout/index.js b/src/pages/signin/SignInPageLayout/index.js
index b8698c0e9760..fdc88b6ede9e 100644
--- a/src/pages/signin/SignInPageLayout/index.js
+++ b/src/pages/signin/SignInPageLayout/index.js
@@ -172,7 +172,7 @@ function SignInPageLayout(props) {
                     <View style={[styles.flex0]}>
                         <Footer
                             scrollPageToTop={scrollPageToTop}
-                            isInModal={props.isInModal}
+                            shouldShowSmallScreen
                         />
                     </View>
                 </ScrollView>