Merge pull request #4992 from parasharrajat/feedback

Add feedback to IOU on Max participants selection

Author: Julesssss

src/languages/en.js

@@ -183,6 +183,7 @@ export default {
         send: ({amount}) => `Send ${amount}`,
         choosePaymentMethod: 'Choose payment method:',
         noReimbursableExpenses: 'This report has an invalid amount',
+        maxParticipantsReached: ({count}) => `You've selected the maximum number (${count}) of participants.`,
         error: {
             invalidAmount: 'Invalid amount',
             invalidSplit: 'Split amounts do not equal total amount',

src/languages/es.js

@@ -183,6 +183,7 @@ export default {
         send: ({amount}) => `Enviar ${amount}`,
         choosePaymentMethod: 'Elige el método de pago:',
         noReimbursableExpenses: 'El monto de este informe es inválido',
+        maxParticipantsReached: ({count}) => `Has seleccionado el número máximo (${count}) de participantes.`,
         error: {
             invalidAmount: 'Monto no válido',
             invalidSplit: 'La suma de las partes no equivale al monto total',

src/pages/iou/steps/IOUParticipantsPage/IOUParticipantsSplit.js

@@ -249,6 +249,11 @@ class IOUParticipantsSplit extends Component {
                 </View>
                 {this.props.participants?.length > 0 && (
                     <FixedFooter>
+                        {maxParticipantsReached && (
+                            <Text style={[styles.textLabelSupporting, styles.textAlignCenter, styles.mt1, styles.mb3]}>
+                                {this.props.translate('iou.maxParticipantsReached', {count: CONST.REPORT.MAXIMUM_PARTICIPANTS})}
+                            </Text>
+                        )}
                         <Button
                             success
                             style={[styles.w100]}