[VIP Travel] Add Workspace Address context - newDot

src/languages/en.ts

@@ -2436,6 +2436,7 @@ export default {
             save: 'Save',
             genericFailureMessage: 'An error occurred updating the workspace, please try again.',
             avatarUploadFailureMessage: 'An error occurred uploading the avatar, please try again.',
+            addressContext: 'A Workspace Address is required to enable Expensify Travel. Please enter an address associated with your business.',
         },
         bankAccount: {
             continueWithSetup: 'Continue with setup',

src/languages/es.ts

@@ -2472,6 +2472,7 @@ export default {
             save: 'Guardar',
             genericFailureMessage: 'Se produjo un error al guardar el espacio de trabajo. Por favor, inténtalo de nuevo.',
             avatarUploadFailureMessage: 'No se pudo subir el avatar. Por favor, inténtalo de nuevo.',
+            addressContext: 'Se requiere una dirección para habilitar Expensify Travel. Por favor, introduce una dirección asociada con tu negocio.',
         },
         bankAccount: {
             continueWithSetup: 'Continuar con la configuración',

src/pages/workspace/WorkspaceProfileAddressPage.tsx

@@ -1,10 +1,13 @@
 import type {StackScreenProps} from '@react-navigation/stack';
 import React, {useCallback, useEffect, useMemo, useState} from 'react';
+import {View} from 'react-native';
 import AddressForm from '@components/AddressForm';
 import type {FormOnyxValues} from '@components/Form/types';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import ScreenWrapper from '@components/ScreenWrapper';
+import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
 import Navigation from '@libs/Navigation/Navigation';
 import type {SettingsNavigatorParamList} from '@libs/Navigation/types';
 import {updateAddress} from '@userActions/Policy';
@@ -20,6 +23,7 @@ type WorkspaceProfileAddressPagePolicyProps = WithPolicyProps;
 type WorkspaceProfileAddressPageProps = StackScreenProps<SettingsNavigatorParamList, typeof SCREENS.WORKSPACE.ADDRESS> & WorkspaceProfileAddressPagePolicyProps;
 
 function WorkspaceProfileAddressPage({policy}: WorkspaceProfileAddressPageProps) {
+    const styles = useThemeStyles();
     const {translate} = useLocalize();
     const address = useMemo(() => policy?.address, [policy]);
     const [currentCountry, setCurrentCountry] = useState(address?.country);
@@ -91,6 +95,9 @@ function WorkspaceProfileAddressPage({policy}: WorkspaceProfileAddressPageProps)
                 shouldShowBackButton
                 onBackButtonPress={() => Navigation.goBack()}
             />
+            <View style={[styles.ph5, styles.mv3, styles.flexRow, styles.flexWrap]}>
+                <Text>{translate('workspace.editor.addressContext')}</Text>
+            </View>
             <AddressForm
                 formID={ONYXKEYS.FORMS.HOME_ADDRESS_FORM}
                 onSubmit={updatePolicyAddress}