react-native-timacare 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/lib/commonjs/assets/icons/index.js +1 -1
  2. package/lib/commonjs/assets/icons/index.js.flow +2 -0
  3. package/lib/commonjs/assets/icons/index.js.map +1 -1
  4. package/lib/commonjs/assets/icons/update.svg +5 -0
  5. package/lib/commonjs/screens/digital-lending/Step1.js +1 -1
  6. package/lib/commonjs/screens/digital-lending/Step1.js.flow +80 -71
  7. package/lib/commonjs/screens/digital-lending/Step1.js.map +1 -1
  8. package/lib/commonjs/screens/digital-lending/Step2.js +1 -1
  9. package/lib/commonjs/screens/digital-lending/Step2.js.flow +3 -0
  10. package/lib/commonjs/screens/digital-lending/Step2.js.map +1 -1
  11. package/lib/commonjs/screens/digital-lending/Step3.js +1 -1
  12. package/lib/commonjs/screens/digital-lending/Step3.js.flow +4 -0
  13. package/lib/commonjs/screens/digital-lending/Step3.js.map +1 -1
  14. package/lib/commonjs/screens/digital-lending/Step4.js +1 -1
  15. package/lib/commonjs/screens/digital-lending/Step4.js.flow +1 -0
  16. package/lib/commonjs/screens/digital-lending/Step4.js.map +1 -1
  17. package/lib/commonjs/screens/digital-lending/Step6.js +1 -1
  18. package/lib/commonjs/screens/digital-lending/Step6.js.flow +4 -1
  19. package/lib/commonjs/screens/digital-lending/Step6.js.map +1 -1
  20. package/lib/commonjs/screens/home/index.js +1 -1
  21. package/lib/commonjs/screens/home/index.js.flow +211 -51
  22. package/lib/commonjs/screens/home/index.js.map +1 -1
  23. package/lib/module/assets/icons/index.js +1 -1
  24. package/lib/module/assets/icons/index.js.map +1 -1
  25. package/lib/module/assets/icons/update.svg +5 -0
  26. package/lib/module/screens/digital-lending/Step1.js +1 -1
  27. package/lib/module/screens/digital-lending/Step1.js.map +1 -1
  28. package/lib/module/screens/digital-lending/Step2.js +1 -1
  29. package/lib/module/screens/digital-lending/Step2.js.map +1 -1
  30. package/lib/module/screens/digital-lending/Step3.js +1 -1
  31. package/lib/module/screens/digital-lending/Step3.js.map +1 -1
  32. package/lib/module/screens/digital-lending/Step4.js +1 -1
  33. package/lib/module/screens/digital-lending/Step4.js.map +1 -1
  34. package/lib/module/screens/digital-lending/Step6.js +1 -1
  35. package/lib/module/screens/digital-lending/Step6.js.map +1 -1
  36. package/lib/module/screens/home/index.js +1 -1
  37. package/lib/module/screens/home/index.js.map +1 -1
  38. package/lib/typescript/assets/icons/index.d.ts +2 -1
  39. package/lib/typescript/assets/icons/index.d.ts.map +1 -1
  40. package/lib/typescript/screens/digital-lending/Step1.d.ts.map +1 -1
  41. package/lib/typescript/screens/digital-lending/Step2.d.ts.map +1 -1
  42. package/lib/typescript/screens/digital-lending/Step3.d.ts.map +1 -1
  43. package/lib/typescript/screens/digital-lending/Step4.d.ts.map +1 -1
  44. package/lib/typescript/screens/digital-lending/Step6.d.ts.map +1 -1
  45. package/lib/typescript/screens/home/index.d.ts.map +1 -1
  46. package/package.json +1 -1
  47. package/src/assets/icons/index.tsx +2 -0
  48. package/src/assets/icons/update.svg +5 -0
  49. package/src/screens/digital-lending/Step1.tsx +80 -71
  50. package/src/screens/digital-lending/Step2.tsx +3 -0
  51. package/src/screens/digital-lending/Step3.tsx +4 -0
  52. package/src/screens/digital-lending/Step4.tsx +1 -0
  53. package/src/screens/digital-lending/Step6.tsx +4 -1
  54. package/src/screens/home/index.tsx +211 -51
@@ -99,7 +99,7 @@ export const Step1 = observer(function Step1() {
99
99
  'socialInsuranceNumber',
100
100
  digitalLendingStore?.data?.socialInsuranceNumber
101
101
  );
102
- }, 50);
102
+ }, 100);
103
103
  }, []);
104
104
 
105
105
  const onSubmit = (values: any) => {
@@ -342,6 +342,7 @@ export const Step1 = observer(function Step1() {
342
342
  value={values.fullName}
343
343
  onChangeText={handleChange('fullName')}
344
344
  style={{
345
+ flex: 1,
345
346
  color: '#33333',
346
347
  height: 30,
347
348
  marginVertical: 0,
@@ -351,6 +352,50 @@ export const Step1 = observer(function Step1() {
351
352
  />
352
353
  </View>
353
354
  <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
355
+ <View style={{ marginTop: 12 }}>
356
+ <MText style={{ color: '#8A8A8A' }}>Ngày sinh</MText>
357
+ <TouchableOpacity
358
+ onPress={() => {
359
+ setTypePicker(0);
360
+ setShowDatePicker(true);
361
+ }}
362
+ style={{
363
+ height: 30,
364
+ flex: 1,
365
+ marginTop: 5,
366
+ }}
367
+ >
368
+ <MText>{values.birthDate}</MText>
369
+ </TouchableOpacity>
370
+ </View>
371
+ <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
372
+ <View style={{ marginTop: 12 }}>
373
+ <MText style={{ color: '#8A8A8A' }}>Giới tính</MText>
374
+ <TouchableOpacity
375
+ onPress={() => {
376
+ navigation.push('CommonSelect', {
377
+ title: 'Chọn giới tính',
378
+ data: EnumGender,
379
+ callback: (item) => {
380
+ setFieldValue('gender', item?.id);
381
+ },
382
+ });
383
+ }}
384
+ style={{
385
+ height: 30,
386
+ flex: 1,
387
+ marginTop: 5,
388
+ }}
389
+ >
390
+ <MText>{values.gender === 1 ? 'Nữ' : 'Nam'}</MText>
391
+ </TouchableOpacity>
392
+ </View>
393
+ <View
394
+ style={{
395
+ height: 1,
396
+ backgroundColor: '#E0E0E0',
397
+ }}
398
+ />
354
399
  <View
355
400
  style={{
356
401
  marginTop: 12,
@@ -387,11 +432,14 @@ export const Step1 = observer(function Step1() {
387
432
  marginTop: 12,
388
433
  }}
389
434
  />
435
+
390
436
  <View style={{ marginTop: 12 }}>
391
- <MText style={{ color: '#8A8A8A' }}>Ngày sinh</MText>
437
+ <MText style={{ color: '#8A8A8A' }}>
438
+ Ngày cấp CCCD/CMND
439
+ </MText>
392
440
  <TouchableOpacity
393
441
  onPress={() => {
394
- setTypePicker(0);
442
+ setTypePicker(1);
395
443
  setShowDatePicker(true);
396
444
  }}
397
445
  style={{
@@ -400,45 +448,39 @@ export const Step1 = observer(function Step1() {
400
448
  marginTop: 5,
401
449
  }}
402
450
  >
403
- <MText>{values.birthDate}</MText>
451
+ <MText>{values.dateNationalId}</MText>
404
452
  </TouchableOpacity>
405
453
  </View>
406
454
  <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
407
455
  <View style={{ marginTop: 12 }}>
408
- <MText style={{ color: '#8A8A8A' }}>Giới tính</MText>
409
- <TouchableOpacity
410
- onPress={() => {
411
- navigation.push('CommonSelect', {
412
- title: 'Chọn giới tính',
413
- data: EnumGender,
414
- callback: (item) => {
415
- setFieldValue('gender', item?.id);
416
- },
417
- });
418
- }}
456
+ <MText style={{ color: '#8A8A8A' }}>
457
+ Nơi cấp CCCD/CMND
458
+ </MText>
459
+ <TextInput
460
+ numberOfLines={1}
461
+ value={values.nationalCardPlace}
462
+ onChangeText={handleChange('nationalCardPlace')}
419
463
  style={{
464
+ flex: 1,
465
+ color: '#33333',
420
466
  height: 30,
421
467
  flex: 1,
422
- marginTop: 5,
468
+ padding: 0,
423
469
  }}
424
- >
425
- <MText>{values.gender === 1 ? 'Nữ' : 'Nam'}</MText>
426
- </TouchableOpacity>
470
+ />
427
471
  </View>
428
- <View
429
- style={{
430
- height: 1,
431
- backgroundColor: '#E0E0E0',
432
- }}
433
- />
472
+
434
473
  <View style={{ marginTop: 12 }}>
435
- <MText style={{ color: '#8A8A8A' }}>
436
- Ngày cấp CCCD/CMND
437
- </MText>
474
+ <MText style={{ color: '#8A8A8A' }}>Hôn nhân</MText>
438
475
  <TouchableOpacity
439
476
  onPress={() => {
440
- setTypePicker(1);
441
- setShowDatePicker(true);
477
+ navigation.push('CommonSelect', {
478
+ title: 'Hôn nhân',
479
+ data: EnumMarries,
480
+ callback: (item) => {
481
+ setFieldValue('marriage', item?.id);
482
+ },
483
+ });
442
484
  }}
443
485
  style={{
444
486
  height: 30,
@@ -446,7 +488,9 @@ export const Step1 = observer(function Step1() {
446
488
  marginTop: 5,
447
489
  }}
448
490
  >
449
- <MText>{values.dateNationalId}</MText>
491
+ <MText>
492
+ {values.marriage === 1 ? 'Đã có' : 'Chưa có'}
493
+ </MText>
450
494
  </TouchableOpacity>
451
495
  </View>
452
496
  <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
@@ -455,6 +499,7 @@ export const Step1 = observer(function Step1() {
455
499
  <TextInput
456
500
  value={values.passport}
457
501
  style={{
502
+ flex: 1,
458
503
  color: '#33333',
459
504
  height: 30,
460
505
  marginVertical: 0,
@@ -471,6 +516,7 @@ export const Step1 = observer(function Step1() {
471
516
  value={values.facebook}
472
517
  onChangeText={handleChange('facebook')}
473
518
  style={{
519
+ flex: 1,
474
520
  color: '#33333',
475
521
  height: 30,
476
522
  marginVertical: 0,
@@ -486,6 +532,7 @@ export const Step1 = observer(function Step1() {
486
532
  value={values.socialInsuranceNumber}
487
533
  onChangeText={handleChange('socialInsuranceNumber')}
488
534
  style={{
535
+ flex: 1,
489
536
  color: '#33333',
490
537
  height: 30,
491
538
  marginVertical: 0,
@@ -501,6 +548,7 @@ export const Step1 = observer(function Step1() {
501
548
  value={values?.taxCode}
502
549
  onChangeText={handleChange('taxCode')}
503
550
  style={{
551
+ flex: 1,
504
552
  color: '#33333',
505
553
  height: 30,
506
554
  marginVertical: 0,
@@ -509,48 +557,9 @@ export const Step1 = observer(function Step1() {
509
557
  }}
510
558
  />
511
559
  </View>
512
- <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
513
- <View style={{ marginTop: 12 }}>
514
- <MText style={{ color: '#8A8A8A' }}>Hôn nhân</MText>
515
- <TouchableOpacity
516
- onPress={() => {
517
- navigation.push('CommonSelect', {
518
- title: 'Hôn nhân',
519
- data: EnumMarries,
520
- callback: (item) => {
521
- setFieldValue('marriage', item?.id);
522
- },
523
- });
524
- }}
525
- style={{
526
- height: 30,
527
- flex: 1,
528
- marginTop: 5,
529
- }}
530
- >
531
- <MText>
532
- {values.marriage === 1 ? 'Đã có' : 'Chưa có'}
533
- </MText>
534
- </TouchableOpacity>
535
- </View>
536
560
 
537
561
  <View style={{ height: 1, backgroundColor: '#E0E0E0' }} />
538
- <View style={{ marginTop: 12 }}>
539
- <MText style={{ color: '#8A8A8A' }}>
540
- Nơi cấp CCCD/CMND
541
- </MText>
542
- <TextInput
543
- numberOfLines={1}
544
- value={values.nationalCardPlace}
545
- onChangeText={handleChange('nationalCardPlace')}
546
- style={{
547
- color: '#33333',
548
- height: 30,
549
- flex: 1,
550
- padding: 0,
551
- }}
552
- />
553
- </View>
562
+
554
563
  <KeyboardSpacer />
555
564
  <DatePicker
556
565
  mode="date"
@@ -382,6 +382,7 @@ export const Step2 = observer(function Step2() {
382
382
  value={values?.address}
383
383
  onChangeText={handleChange('address')}
384
384
  style={{
385
+ flex: 1,
385
386
  color: '#33333',
386
387
  height: 30,
387
388
  marginVertical: 0,
@@ -491,6 +492,7 @@ export const Step2 = observer(function Step2() {
491
492
  value={values?.houseHoldAddress}
492
493
  onChangeText={handleChange('houseHoldAddress')}
493
494
  style={{
495
+ flex: 1,
494
496
  color: '#33333',
495
497
  height: 30,
496
498
  marginVertical: 0,
@@ -508,6 +510,7 @@ export const Step2 = observer(function Step2() {
508
510
  value={values?.addressNationalCard}
509
511
  onChangeText={handleChange('addressNationalCard')}
510
512
  style={{
513
+ flex: 1,
511
514
  color: '#33333',
512
515
  height: 30,
513
516
  marginVertical: 0,
@@ -320,6 +320,7 @@ export const Step3 = observer(function Step3() {
320
320
  onChangeText={handleChange('description')}
321
321
  value={values?.description}
322
322
  style={{
323
+ flex: 1,
323
324
  color: '#33333',
324
325
  height: 30,
325
326
  marginVertical: 0,
@@ -336,6 +337,7 @@ export const Step3 = observer(function Step3() {
336
337
  value={formatMoney(values.totalIncome)}
337
338
  onChangeText={handleChange('totalIncome')}
338
339
  style={{
340
+ flex: 1,
339
341
  color: '#33333',
340
342
  height: 30,
341
343
  marginVertical: 0,
@@ -400,6 +402,7 @@ export const Step3 = observer(function Step3() {
400
402
  value={values.companyName}
401
403
  onChangeText={handleChange('companyName')}
402
404
  style={{
405
+ flex: 1,
403
406
  color: '#33333',
404
407
  height: 30,
405
408
  marginVertical: 0,
@@ -501,6 +504,7 @@ export const Step3 = observer(function Step3() {
501
504
  value={values.companyAddress}
502
505
  onChangeText={handleChange('companyAddress')}
503
506
  style={{
507
+ flex: 1,
504
508
  color: '#33333',
505
509
  height: 30,
506
510
  marginVertical: 0,
@@ -270,6 +270,7 @@ export const Step4 = observer(function Step4() {
270
270
  value={values.plateNumber}
271
271
  onChangeText={handleChange('plateNumber')}
272
272
  style={{
273
+ flex: 1,
273
274
  color: '#33333',
274
275
  height: 30,
275
276
  marginVertical: 0,
@@ -318,7 +318,10 @@ export const Step6 = observer(function Step6() {
318
318
  Alert.alert('Cập nhật thông tin thành công', '', [
319
319
  {
320
320
  text: 'Đồng ý',
321
- onPress: () => navigation.pop(),
321
+ onPress: () => {
322
+ navigation.pop();
323
+ digitalLendingStore.clear();
324
+ },
322
325
  },
323
326
  ]);
324
327
  }
@@ -47,6 +47,7 @@ import {
47
47
  LogoSmall,
48
48
  SignDisable,
49
49
  TimaNormal,
50
+ UpdateIcon,
50
51
  } from '../../assets/icons';
51
52
  import Geolocation from 'react-native-geolocation-service';
52
53
  import axios from 'axios';
@@ -1236,13 +1237,20 @@ export const Home = observer(function Home() {
1236
1237
  <LinearGradient
1237
1238
  style={{
1238
1239
  height: 36,
1239
- justifyContent: 'center',
1240
1240
  borderRadius: 30,
1241
1241
  paddingHorizontal: 20,
1242
+ flexDirection: 'row',
1243
+ alignItems: 'center',
1242
1244
  }}
1243
1245
  colors={['#FF8E4F', '#EF592E']}
1244
1246
  >
1245
- <MText style={{ color: 'white' }}>
1247
+ <UpdateIcon />
1248
+ <MText
1249
+ style={{
1250
+ color: 'white',
1251
+ marginLeft: 10,
1252
+ }}
1253
+ >
1246
1254
  Hoàn thiện hồ sơ
1247
1255
  </MText>
1248
1256
  </LinearGradient>
@@ -1259,30 +1267,19 @@ export const Home = observer(function Home() {
1259
1267
  }}
1260
1268
  />
1261
1269
  <View style={{ flexDirection: 'row' }}>
1262
- {item?.isUpdateLoan ||
1263
- item?.isUpdateInformation ? (
1264
- <TouchableOpacity
1270
+ {item?.loanStatus === null ||
1271
+ item?.loanStatus === '' ? (
1272
+ <MButton
1265
1273
  style={{ alignItems: 'center' }}
1266
1274
  onPress={() => {
1267
- if (item?.isUpdateLoan) {
1268
- navigation.dispatch(
1269
- StackActions.push(
1270
- ScreenNames.CimbSelfie,
1271
- {
1272
- loan: item,
1273
- }
1274
- )
1275
- );
1276
- } else {
1277
- navigation.dispatch(
1278
- StackActions.push(
1279
- ScreenNames.QuickSubmit,
1280
- {
1281
- loan: item,
1282
- }
1283
- )
1284
- );
1285
- }
1275
+ navigation.dispatch(
1276
+ StackActions.push(
1277
+ ScreenNames.CIMBxTima,
1278
+ {
1279
+ loan: item,
1280
+ }
1281
+ )
1282
+ );
1286
1283
  }}
1287
1284
  >
1288
1285
  <AddInfo />
@@ -1300,30 +1297,81 @@ export const Home = observer(function Home() {
1300
1297
  Hoàn thiện{'\n'}cung cấp thông
1301
1298
  tin
1302
1299
  </MText>
1303
- </TouchableOpacity>
1300
+ </MButton>
1304
1301
  ) : (
1305
- <View
1306
- style={{ alignItems: 'center' }}
1307
- >
1308
- <AddInfoDisable />
1309
- <MText
1310
- style={[
1311
- commonStyles.textNormal,
1312
- {
1313
- fontSize: 12,
1314
- fontWeight: '300',
1315
- marginTop: 8,
1316
- textAlign: 'center',
1317
- },
1318
- ]}
1319
- >
1320
- Hoàn thiện{'\n'}cung cấp thông
1321
- tin
1322
- </MText>
1302
+ <View>
1303
+ {item?.isUpdateLoan ||
1304
+ item?.isUpdateInformation ? (
1305
+ <TouchableOpacity
1306
+ style={{
1307
+ alignItems: 'center',
1308
+ }}
1309
+ onPress={() => {
1310
+ if (item?.isUpdateLoan) {
1311
+ navigation.dispatch(
1312
+ StackActions.push(
1313
+ ScreenNames.CimbSelfie,
1314
+ {
1315
+ loan: item,
1316
+ }
1317
+ )
1318
+ );
1319
+ } else {
1320
+ navigation.dispatch(
1321
+ StackActions.push(
1322
+ ScreenNames.QuickSubmit,
1323
+ {
1324
+ loan: item,
1325
+ }
1326
+ )
1327
+ );
1328
+ }
1329
+ }}
1330
+ >
1331
+ <AddInfo />
1332
+ <MText
1333
+ style={[
1334
+ commonStyles.textNormal,
1335
+ {
1336
+ fontSize: 12,
1337
+ fontWeight: '300',
1338
+ marginTop: 8,
1339
+ textAlign: 'center',
1340
+ },
1341
+ ]}
1342
+ >
1343
+ Hoàn thiện{'\n'}cung cấp
1344
+ thông tin
1345
+ </MText>
1346
+ </TouchableOpacity>
1347
+ ) : (
1348
+ <View
1349
+ style={{
1350
+ alignItems: 'center',
1351
+ }}
1352
+ >
1353
+ <AddInfoDisable />
1354
+ <MText
1355
+ style={[
1356
+ commonStyles.textNormal,
1357
+ {
1358
+ fontSize: 12,
1359
+ fontWeight: '300',
1360
+ marginTop: 8,
1361
+ textAlign: 'center',
1362
+ },
1363
+ ]}
1364
+ >
1365
+ Hoàn thiện{'\n'}cung cấp
1366
+ thông tin
1367
+ </MText>
1368
+ </View>
1369
+ )}
1323
1370
  </View>
1324
1371
  )}
1372
+
1325
1373
  {item?.isSignContract && (
1326
- <TouchableOpacity
1374
+ <MButton
1327
1375
  style={{
1328
1376
  alignItems: 'center',
1329
1377
  marginLeft: 20,
@@ -1359,10 +1407,10 @@ export const Home = observer(function Home() {
1359
1407
  >
1360
1408
  Ký hợp đồng
1361
1409
  </MText>
1362
- </TouchableOpacity>
1410
+ </MButton>
1363
1411
  )}
1364
1412
  {item?.isSignContractTima && (
1365
- <TouchableOpacity
1413
+ <MButton
1366
1414
  style={{
1367
1415
  alignItems: 'center',
1368
1416
  marginLeft: 20,
@@ -1392,10 +1440,10 @@ export const Home = observer(function Home() {
1392
1440
  >
1393
1441
  Hợp đồng{'\n'}dịch vụ
1394
1442
  </MText>
1395
- </TouchableOpacity>
1443
+ </MButton>
1396
1444
  )}
1397
1445
  {item?.paymentEvidenceUrl && (
1398
- <TouchableOpacity
1446
+ <MButton
1399
1447
  style={{
1400
1448
  alignItems: 'center',
1401
1449
  marginLeft: 20,
@@ -1425,10 +1473,10 @@ export const Home = observer(function Home() {
1425
1473
  >
1426
1474
  Mục đích {'\n'}sử dụng
1427
1475
  </MText>
1428
- </TouchableOpacity>
1476
+ </MButton>
1429
1477
  )}
1430
1478
  {item?.showPaymentPlan && (
1431
- <TouchableOpacity
1479
+ <MButton
1432
1480
  style={{
1433
1481
  alignItems: 'center',
1434
1482
  marginLeft: 20,
@@ -1457,9 +1505,121 @@ export const Home = observer(function Home() {
1457
1505
  >
1458
1506
  Lịch dự kiến
1459
1507
  </MText>
1460
- </TouchableOpacity>
1508
+ </MButton>
1461
1509
  )}
1462
1510
  </View>
1511
+
1512
+ {item.messageErrorCIMB !== '' &&
1513
+ item?.messageErrorCIMB &&
1514
+ item?.isCimbApproveFull === null ? (
1515
+ <View
1516
+ style={{
1517
+ backgroundColor: '#FBEFE7',
1518
+ marginHorizontal: -16,
1519
+ paddingVertical: 8,
1520
+ marginTop: 16,
1521
+ borderBottomRightRadius: 8,
1522
+ borderBottomLeftRadius: 8,
1523
+ paddingHorizontal: 16,
1524
+ }}
1525
+ >
1526
+ <View
1527
+ style={{
1528
+ flexDirection: 'row',
1529
+ justifyContent: 'space-between',
1530
+ alignItems: 'center',
1531
+ }}
1532
+ >
1533
+ <View
1534
+ style={{
1535
+ flex: 1,
1536
+ flexDirection: 'row',
1537
+ paddingRight: 20,
1538
+ }}
1539
+ >
1540
+ <Image
1541
+ source={require('./error.png')}
1542
+ style={{
1543
+ width: 16,
1544
+ height: 16,
1545
+ }}
1546
+ />
1547
+ <MText
1548
+ style={{ marginLeft: 5 }}
1549
+ >
1550
+ Đơn vay của bạn gặp gián đoạn,
1551
+ vui lòng liên hệ tổng đài
1552
+ 1900633688
1553
+ </MText>
1554
+ </View>
1555
+
1556
+ <TouchableOpacity
1557
+ onPress={() => {
1558
+ Linking.openURL(
1559
+ `tel:1900633688`
1560
+ );
1561
+ }}
1562
+ >
1563
+ <LinearGradient
1564
+ colors={[
1565
+ '#FF8E4F',
1566
+ '#EF592E',
1567
+ ]}
1568
+ style={{
1569
+ paddingHorizontal: 10,
1570
+ height: 30,
1571
+ borderRadius: 30,
1572
+ justifyContent: 'center',
1573
+ alignItems: 'center',
1574
+ flexDirection: 'row',
1575
+ }}
1576
+ >
1577
+ <Call />
1578
+ <MText
1579
+ style={{
1580
+ color: 'white',
1581
+ fontSize: 12,
1582
+ marginLeft: 5,
1583
+ }}
1584
+ >
1585
+ Liên hệ
1586
+ </MText>
1587
+ </LinearGradient>
1588
+ </TouchableOpacity>
1589
+ </View>
1590
+ </View>
1591
+ ) : (
1592
+ <View
1593
+ style={{
1594
+ flexDirection: 'row',
1595
+ alignItems: 'center',
1596
+ backgroundColor: '#FBEFE7',
1597
+ marginHorizontal: -16,
1598
+ paddingVertical: 8,
1599
+ marginTop: 16,
1600
+ borderBottomRightRadius: 8,
1601
+ borderBottomLeftRadius: 8,
1602
+ paddingHorizontal: 16,
1603
+ }}
1604
+ >
1605
+ <Info />
1606
+ <MText
1607
+ style={[
1608
+ {
1609
+ fontWeight: '300',
1610
+ fontSize: 10,
1611
+ fontStyle: 'italic',
1612
+ color: '#333333',
1613
+ marginLeft: 8,
1614
+ },
1615
+ ]}
1616
+ >
1617
+ {item?.suggestion
1618
+ ? item?.suggestion
1619
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
1620
+ </MText>
1621
+ </View>
1622
+ )}
1463
1623
  </View>
1464
1624
  ) : (
1465
1625
  <View>