diff --git a/src/CONST.js b/src/CONST.js index b8bb1b496361..3e220928ed90 100755 --- a/src/CONST.js +++ b/src/CONST.js @@ -253,6 +253,7 @@ const CONST = { FEES_URL: `${USE_EXPENSIFY_URL}/fees`, CFPB_PREPAID_URL: 'https://cfpb.gov/prepaid', STAGING_NEW_EXPENSIFY_URL: 'https://staging.new.expensify.com', + NEWHELP_URL: 'https://help.expensify.com', // Use Environment.getEnvironmentURL to get the complete URL with port number DEV_NEW_EXPENSIFY_URL: 'http://localhost:', diff --git a/src/languages/en.js b/src/languages/en.js index f3035298a227..8c1d9bdea31b 100755 --- a/src/languages/en.js +++ b/src/languages/en.js @@ -385,6 +385,7 @@ export default { phrase3: 'and', phrase4: 'privacy policy', }, + help: 'Help', }, closeAccountPage: { closeAccount: 'Close account', @@ -979,6 +980,7 @@ export default { chatWithConcierge: 'Chat with Concierge', requestSetupCall: 'Request a setup call', questionMarkButtonTooltip: 'Get assistance from our team', + exploreHelpDocs: 'Explore help docs', }, requestCallPage: { title: 'Request a call', diff --git a/src/languages/es.js b/src/languages/es.js index e83df6d4ce6a..a012c941d1c3 100644 --- a/src/languages/es.js +++ b/src/languages/es.js @@ -385,6 +385,7 @@ export default { phrase3: 'y', phrase4: 'política de privacidad', }, + help: 'Ayuda', }, closeAccountPage: { closeAccount: 'Cerrar cuenta', @@ -981,6 +982,7 @@ export default { chatWithConcierge: 'Chatear con Concierge', requestSetupCall: 'Llámame por teléfono', questionMarkButtonTooltip: 'Obtén ayuda de nuestro equipo', + exploreHelpDocs: 'Explorar la documentación de ayuda', }, requestCallPage: { title: 'Llámame por teléfono', diff --git a/src/pages/GetAssistancePage.js b/src/pages/GetAssistancePage.js index fbf7ab90bd3a..c4654ef0772c 100644 --- a/src/pages/GetAssistancePage.js +++ b/src/pages/GetAssistancePage.js @@ -13,6 +13,8 @@ import * as Expensicons from '../components/Icon/Expensicons'; import * as Illustrations from '../components/Icon/Illustrations'; import * as Report from '../libs/actions/Report'; import ROUTES from '../ROUTES'; +import * as Link from '../libs/actions/Link'; +import CONST from '../CONST'; const propTypes = { /** Route object from navigation */ @@ -55,6 +57,14 @@ const GetAssistancePage = props => ( iconFill: themeColors.success, wrapperStyle: [styles.cardMenuItem], }, + { + title: props.translate('getAssistancePage.exploreHelpDocs'), + onPress: () => Link.openExternalLink(CONST.NEWHELP_URL), + icon: Expensicons.QuestionMark, + shouldShowRightIcon: true, + iconFill: themeColors.success, + wrapperStyle: [styles.cardMenuItem], + }, ]} > diff --git a/src/pages/settings/InitialSettingsPage.js b/src/pages/settings/InitialSettingsPage.js index 6ed18b7e8c58..c79d1dfb4c1e 100755 --- a/src/pages/settings/InitialSettingsPage.js +++ b/src/pages/settings/InitialSettingsPage.js @@ -31,6 +31,7 @@ import * as Wallet from '../../libs/actions/Wallet'; import walletTermsPropTypes from '../EnablePayments/walletTermsPropTypes'; import * as PolicyUtils from '../../libs/PolicyUtils'; import ConfirmModal from '../../components/ConfirmModal'; +import * as Link from '../../libs/actions/Link'; import OfflineWithFeedback from '../../components/OfflineWithFeedback'; const propTypes = { @@ -173,6 +174,11 @@ class InitialSettingsPage extends React.Component { brickRoadIndicator: PaymentMethods.hasPaymentMethodError(this.props.bankAccountList, this.props.cardList) || !_.isEmpty(this.props.userWallet.errors) || !_.isEmpty(this.props.walletTerms.errors) ? 'error' : null, }, + { + translationKey: 'initialSettingsPage.help', + icon: Expensicons.QuestionMark, + action: () => { Link.openExternalLink(CONST.NEWHELP_URL); }, + }, { translationKey: 'initialSettingsPage.about', icon: Expensicons.Info,