Customer App - Help Section Guide

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!