The first thing that we need to do is download this ZIP file https://d.pr/f/l4idiq
Open the files and modify the text that you wish to show on each page.
Example - HelpOrder - Help with an order
Now go to the Builder search for the Developers section, and select Custom tab
Upload each file in the Custom section (builder) in the corresponding paths:
src/components/HelpOrder/index.tsx
src/components/HelpOrder/styles.tsx
src/components/HelpGuide/index.tsx
src/components/HelpGuide/styles.tsx
src/components/HelpAccountAndPayment/index.tsx
src/components/HelpAccountAndPayment/styles.tsx
It would look like this
The next step is to apply the following Search and Replace
For this click on the Search and Replace tab
Name: is just the file's name, add something that helps to identify the page
File: need to use this path src/navigators/HomeNavigator.tsx
On the Search section, add this:
import {
HelpAccountAndPayment,
HelpGuide,
HelpOrder,
Container
} from 'ordering-ui-native-release/themes/original';
And on the Replace section, add this:
import {
// HelpAccountAndPayment,
// HelpGuide,
// HelpOrder,
Container
} from 'ordering-ui-native-release/themes/original';
import { HelpOrder } from '../components/HelpOrder'
import { HelpGuide } from '../components/HelpGuide'
import { HelpAccountAndPayment } from '../components/HelpAccountAndPayment'
That's it!
Build the app to apply the changes.
As always
Happy Ordering!
