From 2ce9a31c49597685715af8fb5d73b8d588dd04ef Mon Sep 17 00:00:00 2001
From: Ali Toshmatov <alitoshmatov2001@gmail.com>
Date: Thu, 1 Jun 2023 16:21:29 +0500
Subject: [PATCH 1/5] Added image, and modifyied qr to have border

---
 .../images/expensify-logo-round-transparent.png | Bin 0 -> 11762 bytes
 src/components/QRCode/index.js                  |   3 ++-
 src/pages/ShareCodePage.js                      |   4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 assets/images/expensify-logo-round-transparent.png

diff --git a/assets/images/expensify-logo-round-transparent.png b/assets/images/expensify-logo-round-transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfad187e38ef30e7f48de4c8e2d925a745775720
GIT binary patch
literal 11762
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
F_dg8osqp{+

literal 0
HcmV?d00001

diff --git a/src/components/QRCode/index.js b/src/components/QRCode/index.js
index 06503d5987e7..d7d6408f361a 100644
--- a/src/components/QRCode/index.js
+++ b/src/components/QRCode/index.js
@@ -47,8 +47,9 @@ function QRCode(props) {
             value={props.url}
             size={props.size}
             logo={props.logo}
-            logoBackgroundColor="transparent"
+            logoBackgroundColor={props.backgroundColor}
             logoSize={props.size * 0.3}
+            logoMargin={props.size * 0.02}
             logoBorderRadius={props.size}
             backgroundColor={props.backgroundColor}
             color={props.color}
diff --git a/src/pages/ShareCodePage.js b/src/pages/ShareCodePage.js
index d6c419b10882..e339e461e521 100644
--- a/src/pages/ShareCodePage.js
+++ b/src/pages/ShareCodePage.js
@@ -9,7 +9,7 @@ import compose from '../libs/compose';
 import reportPropTypes from './reportPropTypes';
 import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../components/withCurrentUserPersonalDetails';
 import styles from '../styles/styles';
-import roomAvatar from '../../assets/images/avatars/room.png';
+import logo from '../../assets/images/expensify-logo-round-transparent.png';
 import * as ReportUtils from '../libs/ReportUtils';
 import MenuItem from '../components/MenuItem';
 import Clipboard from '../libs/Clipboard';
@@ -61,7 +61,7 @@ class ShareCodePage extends React.Component {
                             url={url}
                             title={isReport ? this.props.report.reportName : this.props.currentUserPersonalDetails.displayName}
                             subtitle={isReport ? subtitle : this.props.session.email}
-                            logo={isReport ? roomAvatar : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
+                            logo={isReport ? logo : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
                         />
                     </View>
 

From dcc92f1b322c5dbd2695a3444d1ae5efbbe0d376 Mon Sep 17 00:00:00 2001
From: Ali Toshmatov <alitoshmatov2001@gmail.com>
Date: Thu, 1 Jun 2023 16:26:31 +0500
Subject: [PATCH 2/5] Updated two step authentication verify page to use same
 logo

---
 src/pages/ShareCodePage.js                              | 4 ++--
 src/pages/settings/Security/TwoFactorAuth/VerifyPage.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/ShareCodePage.js b/src/pages/ShareCodePage.js
index e339e461e521..ed7a813b855b 100644
--- a/src/pages/ShareCodePage.js
+++ b/src/pages/ShareCodePage.js
@@ -9,7 +9,7 @@ import compose from '../libs/compose';
 import reportPropTypes from './reportPropTypes';
 import withCurrentUserPersonalDetails, {withCurrentUserPersonalDetailsDefaultProps, withCurrentUserPersonalDetailsPropTypes} from '../components/withCurrentUserPersonalDetails';
 import styles from '../styles/styles';
-import logo from '../../assets/images/expensify-logo-round-transparent.png';
+import expensifyLogo from '../../assets/images/expensify-logo-round-transparent.png';
 import * as ReportUtils from '../libs/ReportUtils';
 import MenuItem from '../components/MenuItem';
 import Clipboard from '../libs/Clipboard';
@@ -61,7 +61,7 @@ class ShareCodePage extends React.Component {
                             url={url}
                             title={isReport ? this.props.report.reportName : this.props.currentUserPersonalDetails.displayName}
                             subtitle={isReport ? subtitle : this.props.session.email}
-                            logo={isReport ? logo : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
+                            logo={isReport ? expensifyLogo : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
                         />
                     </View>
 
diff --git a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
index 395faa1816bf..3086ba3ccc16 100644
--- a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
+++ b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
@@ -18,7 +18,7 @@ import Clipboard from '../../../../libs/Clipboard';
 import FixedFooter from '../../../../components/FixedFooter';
 import TwoFactorAuthForm from './TwoFactorAuthForm';
 import QRCode from '../../../../components/QRCode';
-import expensifyLogo from '../../../../../assets/images/expensify-logo-round-dark.png';
+import expensifyLogo from '../../../../../assets/images/expensify-logo-round-transparent.png';
 
 const propTypes = {
     ...withLocalizePropTypes,

From d892f094a1ed19b49db209b405f39cabbf8e1e56 Mon Sep 17 00:00:00 2001
From: Ali Toshmatov <alitoshmatov2001@gmail.com>
Date: Fri, 2 Jun 2023 21:43:35 +0500
Subject: [PATCH 3/5] Updated qr code to have logo size provided in props

---
 src/components/QRCode/index.js      | 14 ++++++++++++--
 src/components/QRShare/index.js     |  2 ++
 src/components/QRShare/propTypes.js |  8 ++++++++
 src/pages/ShareCodePage.js          |  2 ++
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/QRCode/index.js b/src/components/QRCode/index.js
index d7d6408f361a..2ef21c2f4043 100644
--- a/src/components/QRCode/index.js
+++ b/src/components/QRCode/index.js
@@ -13,6 +13,14 @@ const propTypes = {
      * Follows ImageProps href from react-native-svg that is used by react-native-qrcode-svg.
      */
     logo: PropTypes.oneOfType([PropTypes.shape({uri: PropTypes.string}), PropTypes.number, PropTypes.string]),
+    /**
+     * The size ratio of logo to QR code
+     */
+    logoRatio: PropTypes.number,
+    /**
+     * The size ratio of margin around logo to QR code
+     */
+    logoMarginRatio: PropTypes.number,
     /**
      * The QRCode size
      */
@@ -38,6 +46,8 @@ const defaultProps = {
     color: defaultTheme.text,
     backgroundColor: defaultTheme.highlightBG,
     getRef: undefined,
+    logoRatio: 0.25,
+    logoMarginRatio: 0.02,
 };
 
 function QRCode(props) {
@@ -48,8 +58,8 @@ function QRCode(props) {
             size={props.size}
             logo={props.logo}
             logoBackgroundColor={props.backgroundColor}
-            logoSize={props.size * 0.3}
-            logoMargin={props.size * 0.02}
+            logoSize={props.size * props.logoRatio}
+            logoMargin={props.size * props.logoMarginRatio}
             logoBorderRadius={props.size}
             backgroundColor={props.backgroundColor}
             color={props.color}
diff --git a/src/components/QRShare/index.js b/src/components/QRShare/index.js
index 784e32d5410e..0a942c951d9d 100644
--- a/src/components/QRShare/index.js
+++ b/src/components/QRShare/index.js
@@ -60,6 +60,8 @@ class QRShare extends Component {
                     url={this.props.url}
                     logo={this.props.logo}
                     size={this.state.qrCodeSize}
+                    logoRatio={this.props.logoRatio}
+                    logoMarginRatio={this.props.logoMarginRatio}
                 />
 
                 <Text
diff --git a/src/components/QRShare/propTypes.js b/src/components/QRShare/propTypes.js
index 4b53ce512597..69a9fcce2938 100644
--- a/src/components/QRShare/propTypes.js
+++ b/src/components/QRShare/propTypes.js
@@ -17,6 +17,14 @@ const qrSharePropTypes = {
      * The logo which will be display in the middle of the QR code
      */
     logo: PropTypes.oneOfType([PropTypes.shape({uri: PropTypes.string}), PropTypes.number, PropTypes.string]),
+    /**
+     * The size ratio of logo to QR code
+     */
+    logoRatio: PropTypes.number,
+    /**
+     * The size ratio of margin around logo to QR code
+     */
+    logoMarginRatio: PropTypes.number,
 };
 
 const defaultProps = {
diff --git a/src/pages/ShareCodePage.js b/src/pages/ShareCodePage.js
index ed7a813b855b..4c3ffc536098 100644
--- a/src/pages/ShareCodePage.js
+++ b/src/pages/ShareCodePage.js
@@ -62,6 +62,8 @@ class ShareCodePage extends React.Component {
                             title={isReport ? this.props.report.reportName : this.props.currentUserPersonalDetails.displayName}
                             subtitle={isReport ? subtitle : this.props.session.email}
                             logo={isReport ? expensifyLogo : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
+                            logoRatio={isReport ? 0.22 : 0.25}
+                            logoMarginRatio={isReport ? 0.03 : 0.02}
                         />
                     </View>
 

From d70faf71365f80d4c7211db37e28fee88af648ad Mon Sep 17 00:00:00 2001
From: Ali Toshmatov <alitoshmatov2001@gmail.com>
Date: Fri, 2 Jun 2023 21:45:43 +0500
Subject: [PATCH 4/5] Updated verify page with logoRatio

---
 src/pages/settings/Security/TwoFactorAuth/VerifyPage.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
index 3086ba3ccc16..948934504981 100644
--- a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
+++ b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
@@ -110,6 +110,8 @@ function VerifyPage(props) {
                             <QRCode
                                 url={buildAuthenticatorUrl()}
                                 logo={expensifyLogo}
+                                logoRatio={0.22}
+                                logoMarginRatio={0.03}
                             />
                         </View>
                         <Text style={styles.mt5}>{props.translate('twoFactorAuth.addKey')}</Text>

From 538406c25d770333f559283f4ab3669d55b751ff Mon Sep 17 00:00:00 2001
From: Ali Toshmatov <alitoshmatov2001@gmail.com>
Date: Sun, 4 Jun 2023 12:22:17 +0500
Subject: [PATCH 5/5] Extracted values into CONST

---
 src/CONST.js                                            | 6 ++++++
 src/components/QRCode/index.js                          | 5 +++--
 src/pages/ShareCodePage.js                              | 4 ++--
 src/pages/settings/Security/TwoFactorAuth/VerifyPage.js | 5 +++--
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/CONST.js b/src/CONST.js
index 4557c66a42cc..42e27f7ad28f 100755
--- a/src/CONST.js
+++ b/src/CONST.js
@@ -2443,6 +2443,12 @@ const CONST = {
         FLAG_SEVERITY_HARASSMENT: 'harassment',
         FLAG_SEVERITY_ASSAULT: 'assault',
     },
+    QR: {
+        DEFAULT_LOGO_SIZE_RATIO: 0.25,
+        DEFAULT_LOGO_MARGIN_RATIO: 0.02,
+        EXPENSIFY_LOGO_SIZE_RATIO: 0.22,
+        EXPENSIFY_LOGO_MARGIN_RATIO: 0.03,
+    },
 };
 
 export default CONST;
diff --git a/src/components/QRCode/index.js b/src/components/QRCode/index.js
index 2ef21c2f4043..f27cf28066ef 100644
--- a/src/components/QRCode/index.js
+++ b/src/components/QRCode/index.js
@@ -2,6 +2,7 @@ import React from 'react';
 import QRCodeLibrary from 'react-native-qrcode-svg';
 import PropTypes from 'prop-types';
 import defaultTheme from '../../styles/themes/default';
+import CONST from '../../CONST';
 
 const propTypes = {
     /**
@@ -46,8 +47,8 @@ const defaultProps = {
     color: defaultTheme.text,
     backgroundColor: defaultTheme.highlightBG,
     getRef: undefined,
-    logoRatio: 0.25,
-    logoMarginRatio: 0.02,
+    logoRatio: CONST.QR.DEFAULT_LOGO_SIZE_RATIO,
+    logoMarginRatio: CONST.QR.DEFAULT_LOGO_MARGIN_RATIO,
 };
 
 function QRCode(props) {
diff --git a/src/pages/ShareCodePage.js b/src/pages/ShareCodePage.js
index 4c3ffc536098..84eefb986330 100644
--- a/src/pages/ShareCodePage.js
+++ b/src/pages/ShareCodePage.js
@@ -62,8 +62,8 @@ class ShareCodePage extends React.Component {
                             title={isReport ? this.props.report.reportName : this.props.currentUserPersonalDetails.displayName}
                             subtitle={isReport ? subtitle : this.props.session.email}
                             logo={isReport ? expensifyLogo : UserUtils.getAvatarUrl(this.props.currentUserPersonalDetails.avatar, this.props.currentUserPersonalDetails.login)}
-                            logoRatio={isReport ? 0.22 : 0.25}
-                            logoMarginRatio={isReport ? 0.03 : 0.02}
+                            logoRatio={isReport ? CONST.QR.EXPENSIFY_LOGO_SIZE_RATIO : CONST.QR.DEFAULT_LOGO_SIZE_RATIO}
+                            logoMarginRatio={isReport ? CONST.QR.EXPENSIFY_LOGO_MARGIN_RATIO : CONST.QR.DEFAULT_LOGO_MARGIN_RATIO}
                         />
                     </View>
 
diff --git a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
index 948934504981..e3273939e02b 100644
--- a/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
+++ b/src/pages/settings/Security/TwoFactorAuth/VerifyPage.js
@@ -19,6 +19,7 @@ import FixedFooter from '../../../../components/FixedFooter';
 import TwoFactorAuthForm from './TwoFactorAuthForm';
 import QRCode from '../../../../components/QRCode';
 import expensifyLogo from '../../../../../assets/images/expensify-logo-round-transparent.png';
+import CONST from '../../../../CONST';
 
 const propTypes = {
     ...withLocalizePropTypes,
@@ -110,8 +111,8 @@ function VerifyPage(props) {
                             <QRCode
                                 url={buildAuthenticatorUrl()}
                                 logo={expensifyLogo}
-                                logoRatio={0.22}
-                                logoMarginRatio={0.03}
+                                logoRatio={CONST.QR.EXPENSIFY_LOGO_SIZE_RATIO}
+                                logoMarginRatio={CONST.QR.EXPENSIFY_LOGO_MARGIN_RATIO}
                             />
                         </View>
                         <Text style={styles.mt5}>{props.translate('twoFactorAuth.addKey')}</Text>