react-native-timacare 0.0.23 → 0.0.24

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.
@@ -314,350 +314,758 @@ export const Home = observer(function Home() {
314
314
  >
315
315
  Danh sách đơn mới
316
316
  </MText>
317
- {/* {homeStore.listLoanPending === null ? (
317
+ {homeStore.listLoanPending === null ? (
318
318
  <View style={{ alignItems: 'center', marginTop: 20 }}>
319
319
  <MText style={[commonStyles.textNormal]}>
320
320
  Không có đơn vay
321
321
  </MText>
322
322
  </View>
323
- ) : ( */}
324
- <>
325
- {homeStore.listLoanPending &&
326
- homeStore.listLoanPending?.isPipelineCIMB ? (
327
- <View>
328
- {homeStore.listLoanPending?.typeLoan === 4 ? (
329
- <View
330
- style={{
331
- backgroundColor: '#FFFFFF',
332
- paddingHorizontal: 16,
333
- paddingTop: 16,
334
- borderRadius: 8,
335
- borderWidth: 0.5,
336
- borderColor: '#E0E0E0',
337
- }}
338
- >
323
+ ) : (
324
+ <>
325
+ {homeStore.listLoanPending &&
326
+ homeStore.listLoanPending?.isPipelineCIMB ? (
327
+ <View>
328
+ {homeStore.listLoanPending?.typeLoan === 4 ? (
339
329
  <View
340
330
  style={{
341
- flexDirection: 'row',
342
- alignItems: 'center',
331
+ backgroundColor: '#FFFFFF',
332
+ paddingHorizontal: 16,
333
+ paddingTop: 16,
334
+ borderRadius: 8,
335
+ borderWidth: 0.5,
336
+ borderColor: '#E0E0E0',
343
337
  }}
344
338
  >
345
- <Contract />
346
- <View style={{ flex: 1, paddingLeft: 8 }}>
347
- <MText style={commonStyles.textNormalBold}>
348
- Đơn vay-{homeStore.listLoanPending?.id}
349
- </MText>
339
+ <View
340
+ style={{
341
+ flexDirection: 'row',
342
+ alignItems: 'center',
343
+ }}
344
+ >
345
+ <Contract />
346
+ <View style={{ flex: 1, paddingLeft: 8 }}>
347
+ <MText style={commonStyles.textNormalBold}>
348
+ Mã Đơn vay-{homeStore.listLoanPending?.id}
349
+ </MText>
350
+ <MText style={commonStyles.textNormal}>
351
+ Số tiền vay (VND):{' '}
352
+ {homeStore.listLoanPending?.loanAmountOffer
353
+ ? formatMoney(
354
+ homeStore.listLoanPending
355
+ ?.loanAmountOffer
356
+ )
357
+ : 'Chưa xác định'}
358
+ </MText>
359
+ </View>
360
+ </View>
361
+ <View
362
+ style={{
363
+ height: 1,
364
+ backgroundColor: '#E0E0E0',
365
+ marginVertical: 16,
366
+ }}
367
+ />
368
+ <View
369
+ style={{
370
+ flexDirection: 'row',
371
+ justifyContent: 'space-between',
372
+ }}
373
+ >
350
374
  <MText style={commonStyles.textNormal}>
351
- Số tiền vay (VND):{' '}
352
- {homeStore.listLoanPending?.loanAmountOffer
353
- ? formatMoney(
354
- homeStore.listLoanPending?.loanAmountOffer
355
- )
356
- : 'Chưa xác định'}
375
+ Trạng thái
376
+ </MText>
377
+ <MText
378
+ style={[
379
+ commonStyles.textNormalBold,
380
+ { color: '#F05123' },
381
+ ]}
382
+ >
383
+ {homeStore?.listLoanPending?.loanStatus}
357
384
  </MText>
358
385
  </View>
359
- </View>
360
- <View
361
- style={{
362
- height: 1,
363
- backgroundColor: '#E0E0E0',
364
- marginVertical: 16,
365
- }}
366
- />
367
- <View
368
- style={{
369
- flexDirection: 'row',
370
- justifyContent: 'space-between',
371
- }}
372
- >
373
- <MText style={commonStyles.textNormal}>
374
- Trạng thái
375
- </MText>
376
- <MText
377
- style={[
378
- commonStyles.textNormalBold,
379
- { color: '#F05123' },
380
- ]}
386
+ <View
387
+ style={{
388
+ height: 0.5,
389
+ backgroundColor: '#E0E0E0',
390
+ marginVertical: 16,
391
+ }}
392
+ />
393
+ <View style={{ flexDirection: 'row' }}>
394
+ {homeStore.listLoanPending?.loanStatus === null ||
395
+ homeStore.listLoanPending?.loanStatus === '' ? (
396
+ <TouchableOpacity
397
+ style={{ alignItems: 'center' }}
398
+ onPress={() => {
399
+ navigation.dispatch(
400
+ StackActions.push(ScreenNames.CIMBxTima, {
401
+ loan: homeStore.listLoanPending,
402
+ })
403
+ );
404
+ }}
405
+ >
406
+ <AddInfo />
407
+ <MText
408
+ style={[
409
+ commonStyles.textNormal,
410
+ {
411
+ fontSize: 12,
412
+ fontWeight: '300',
413
+ marginTop: 8,
414
+ textAlign: 'center',
415
+ },
416
+ ]}
417
+ >
418
+ Hoàn thiện{'\n'}cung cấp thông tin
419
+ </MText>
420
+ </TouchableOpacity>
421
+ ) : (
422
+ <View>
423
+ {homeStore?.listLoanPending?.isUpdateLoan ||
424
+ homeStore?.listLoanPending
425
+ ?.isUpdateInformation ? (
426
+ <TouchableOpacity
427
+ style={{ alignItems: 'center' }}
428
+ onPress={() => {
429
+ if (
430
+ homeStore.listLoanPending
431
+ ?.isUpdateLoan
432
+ ) {
433
+ navigation.dispatch(
434
+ StackActions.push(
435
+ ScreenNames.CimbSelfie,
436
+ {
437
+ loan: homeStore.listLoanPending,
438
+ }
439
+ )
440
+ );
441
+ } else {
442
+ navigation.dispatch(
443
+ StackActions.push(
444
+ ScreenNames.QuickSubmit,
445
+ {
446
+ loan: homeStore.listLoanPending,
447
+ }
448
+ )
449
+ );
450
+ }
451
+ }}
452
+ >
453
+ <AddInfo />
454
+ <MText
455
+ style={[
456
+ commonStyles.textNormal,
457
+ {
458
+ fontSize: 12,
459
+ fontWeight: '300',
460
+ marginTop: 8,
461
+ textAlign: 'center',
462
+ },
463
+ ]}
464
+ >
465
+ Hoàn thiện{'\n'}cung cấp thông tin
466
+ </MText>
467
+ </TouchableOpacity>
468
+ ) : (
469
+ <View style={{ alignItems: 'center' }}>
470
+ <AddInfoDisable />
471
+ <MText
472
+ style={[
473
+ commonStyles.textNormal,
474
+ {
475
+ fontSize: 12,
476
+ fontWeight: '300',
477
+ marginTop: 8,
478
+ textAlign: 'center',
479
+ },
480
+ ]}
481
+ >
482
+ Hoàn thiện{'\n'}cung cấp thông tin
483
+ </MText>
484
+ </View>
485
+ )}
486
+ </View>
487
+ )}
488
+
489
+ {homeStore.listLoanPending?.isSignContract && (
490
+ <TouchableOpacity
491
+ style={{
492
+ alignItems: 'center',
493
+ marginLeft: 20,
494
+ }}
495
+ onPress={() => {
496
+ if (
497
+ homeStore.listLoanPending?.urlSignContract
498
+ ) {
499
+ navigation.dispatch(
500
+ StackActions.push(
501
+ ScreenNames.CIMBSign,
502
+ {
503
+ url: homeStore.listLoanPending
504
+ ?.urlSignContract,
505
+ }
506
+ )
507
+ );
508
+ } else {
509
+ Alert.alert(
510
+ 'Thông báo',
511
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
512
+ );
513
+ }
514
+ }}
515
+ >
516
+ <IconSign2 />
517
+ <MText
518
+ style={[
519
+ commonStyles.textNormal,
520
+ {
521
+ fontSize: 12,
522
+ fontWeight: '300',
523
+ marginTop: 8,
524
+ },
525
+ ]}
526
+ >
527
+ Ký hợp đồng
528
+ </MText>
529
+ </TouchableOpacity>
530
+ )}
531
+ {homeStore.listLoanPending
532
+ ?.isSignContractTima && (
533
+ <TouchableOpacity
534
+ style={{
535
+ alignItems: 'center',
536
+ marginLeft: 20,
537
+ }}
538
+ onPress={() => {
539
+ navigation.dispatch(
540
+ StackActions.push(
541
+ ScreenNames.ViewContract,
542
+ {
543
+ loan: homeStore.listLoanPending,
544
+ }
545
+ )
546
+ );
547
+ }}
548
+ >
549
+ <ContractTimeIcon />
550
+ <MText
551
+ style={[
552
+ commonStyles.textNormal,
553
+ {
554
+ fontSize: 12,
555
+ fontWeight: '300',
556
+ marginTop: 8,
557
+ textAlign: 'center',
558
+ },
559
+ ]}
560
+ >
561
+ Hợp đồng{'\n'}dịch vụ
562
+ </MText>
563
+ </TouchableOpacity>
564
+ )}
565
+ {homeStore.listLoanPending
566
+ ?.paymentEvidenceUrl && (
567
+ <TouchableOpacity
568
+ style={{
569
+ alignItems: 'center',
570
+ marginLeft: 20,
571
+ }}
572
+ onPress={() => {
573
+ navigation.dispatch(
574
+ StackActions.push(
575
+ ScreenNames.PaymentEvidence,
576
+ {
577
+ url: homeStore.listLoanPending
578
+ ?.paymentEvidenceUrl,
579
+ }
580
+ )
581
+ );
582
+ }}
583
+ >
584
+ <IconEviden />
585
+ <MText
586
+ style={[
587
+ commonStyles.textNormal,
588
+ {
589
+ fontSize: 12,
590
+ fontWeight: '300',
591
+ marginTop: 8,
592
+ textAlign: 'center',
593
+ },
594
+ ]}
595
+ >
596
+ Mục đích {'\n'}sử dụng
597
+ </MText>
598
+ </TouchableOpacity>
599
+ )}
600
+ {homeStore.listLoanPending?.showPaymentPlan && (
601
+ <TouchableOpacity
602
+ style={{
603
+ alignItems: 'center',
604
+ marginLeft: 20,
605
+ }}
606
+ onPress={() => {
607
+ navigation.dispatch(
608
+ StackActions.push(
609
+ ScreenNames.SchedulePayment,
610
+ {
611
+ loan: homeStore.listLoanPending,
612
+ }
613
+ )
614
+ );
615
+ }}
616
+ >
617
+ <IconSchedule />
618
+ <MText
619
+ style={[
620
+ commonStyles.textNormal,
621
+ {
622
+ fontSize: 12,
623
+ fontWeight: '300',
624
+ marginTop: 8,
625
+ },
626
+ ]}
627
+ >
628
+ Lịch dự kiến
629
+ </MText>
630
+ </TouchableOpacity>
631
+ )}
632
+ </View>
633
+ <View
634
+ style={{
635
+ flexDirection: 'row',
636
+ alignItems: 'center',
637
+ backgroundColor: '#FBEFE7',
638
+ marginHorizontal: -16,
639
+ paddingVertical: 8,
640
+ marginTop: 16,
641
+ borderBottomRightRadius: 8,
642
+ borderBottomLeftRadius: 8,
643
+ paddingHorizontal: 16,
644
+ }}
381
645
  >
382
- {homeStore?.listLoanPending?.loanStatus}
383
- </MText>
646
+ <Info />
647
+ <MText
648
+ style={[
649
+ {
650
+ fontWeight: '300',
651
+ fontSize: 10,
652
+ fontStyle: 'italic',
653
+ color: '#333333',
654
+ marginLeft: 8,
655
+ },
656
+ ]}
657
+ >
658
+ {homeStore.listLoanPending?.suggestion
659
+ ? homeStore.listLoanPending?.suggestion
660
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
661
+ </MText>
662
+ </View>
384
663
  </View>
385
- <View
386
- style={{
387
- height: 0.5,
388
- backgroundColor: '#E0E0E0',
389
- marginVertical: 16,
390
- }}
391
- />
392
- <View style={{ flexDirection: 'row' }}>
393
- {homeStore.listLoanPending?.loanStatus === null ||
394
- homeStore.listLoanPending?.loanStatus === '' ? (
395
- <TouchableOpacity
396
- style={{ alignItems: 'center' }}
397
- onPress={() => {
398
- navigation.dispatch(
399
- StackActions.push(ScreenNames.CIMBxTima, {
400
- loan: homeStore.listLoanPending,
401
- })
402
- );
664
+ ) : (
665
+ <View>
666
+ {homeStore.listLoanPending?.loanStatus !== null &&
667
+ homeStore.listLoanPending?.loanStatus !== '' ? (
668
+ <View
669
+ style={{
670
+ backgroundColor: '#FFFFFF',
671
+ paddingHorizontal: 16,
672
+ paddingTop: 16,
673
+ borderRadius: 8,
674
+ borderWidth: 0.5,
675
+ borderColor: '#E0E0E0',
403
676
  }}
404
677
  >
405
- <AddInfo />
406
- <MText
407
- style={[
408
- commonStyles.textNormal,
409
- {
410
- fontSize: 12,
411
- fontWeight: '300',
412
- marginTop: 8,
413
- textAlign: 'center',
414
- },
415
- ]}
678
+ <View
679
+ style={{
680
+ flexDirection: 'row',
681
+ alignItems: 'center',
682
+ }}
416
683
  >
417
- Hoàn thiện{'\n'}cung cấp thông tin
418
- </MText>
419
- </TouchableOpacity>
420
- ) : (
421
- <View>
422
- {homeStore?.listLoanPending?.isUpdateLoan ||
423
- homeStore?.listLoanPending
424
- ?.isUpdateInformation ? (
425
- <TouchableOpacity
426
- style={{ alignItems: 'center' }}
427
- onPress={() => {
428
- if (
429
- homeStore.listLoanPending?.isUpdateLoan
430
- ) {
684
+ <Contract />
685
+ <View style={{ flex: 1, paddingLeft: 8 }}>
686
+ <MText style={commonStyles.textNormalBold}>
687
+ Đơn vay-{homeStore.listLoanPending?.id}
688
+ </MText>
689
+ <MText style={commonStyles.textNormal}>
690
+ Số tiền vay (VND):{' '}
691
+ {homeStore.listLoanPending
692
+ ?.loanAmountOffer
693
+ ? formatMoney(
694
+ homeStore.listLoanPending
695
+ ?.loanAmountOffer
696
+ )
697
+ : 'Chưa xác định'}
698
+ </MText>
699
+ </View>
700
+ </View>
701
+ <View
702
+ style={{
703
+ height: 1,
704
+ backgroundColor: '#E0E0E0',
705
+ marginVertical: 16,
706
+ }}
707
+ />
708
+ <View
709
+ style={{
710
+ flexDirection: 'row',
711
+ justifyContent: 'space-between',
712
+ }}
713
+ >
714
+ <MText style={commonStyles.textNormal}>
715
+ Trạng thái
716
+ </MText>
717
+ <MText
718
+ style={[
719
+ commonStyles.textNormalBold,
720
+ { color: '#F05123' },
721
+ ]}
722
+ >
723
+ {homeStore?.listLoanPending?.loanStatus}
724
+ </MText>
725
+ </View>
726
+ <View
727
+ style={{
728
+ height: 0.5,
729
+ backgroundColor: '#E0E0E0',
730
+ marginVertical: 16,
731
+ }}
732
+ />
733
+ <View style={{ flexDirection: 'row' }}>
734
+ {homeStore?.listLoanPending?.isUpdateLoan ||
735
+ homeStore?.listLoanPending
736
+ ?.isUpdateInformation ? (
737
+ <TouchableOpacity
738
+ style={{ alignItems: 'center' }}
739
+ onPress={() => {
740
+ if (
741
+ homeStore.listLoanPending
742
+ ?.isUpdateLoan
743
+ ) {
744
+ navigation.dispatch(
745
+ StackActions.push(
746
+ ScreenNames.CimbSelfie,
747
+ {
748
+ loan: homeStore.listLoanPending,
749
+ }
750
+ )
751
+ );
752
+ } else {
753
+ navigation.dispatch(
754
+ StackActions.push(
755
+ ScreenNames.QuickSubmit,
756
+ {
757
+ loan: homeStore.listLoanPending,
758
+ }
759
+ )
760
+ );
761
+ }
762
+ }}
763
+ >
764
+ <AddInfo />
765
+ <MText
766
+ style={[
767
+ commonStyles.textNormal,
768
+ {
769
+ fontSize: 12,
770
+ fontWeight: '300',
771
+ marginTop: 8,
772
+ textAlign: 'center',
773
+ },
774
+ ]}
775
+ >
776
+ Hoàn thiện{'\n'}cung cấp thông tin
777
+ </MText>
778
+ </TouchableOpacity>
779
+ ) : (
780
+ <View style={{ alignItems: 'center' }}>
781
+ <AddInfoDisable />
782
+ <MText
783
+ style={[
784
+ commonStyles.textNormal,
785
+ {
786
+ fontSize: 12,
787
+ fontWeight: '300',
788
+ marginTop: 8,
789
+ textAlign: 'center',
790
+ },
791
+ ]}
792
+ >
793
+ Hoàn thiện{'\n'}cung cấp thông tin
794
+ </MText>
795
+ </View>
796
+ )}
797
+ {homeStore.listLoanPending
798
+ ?.isSignContract && (
799
+ <TouchableOpacity
800
+ style={{
801
+ alignItems: 'center',
802
+ marginLeft: 20,
803
+ }}
804
+ onPress={() => {
805
+ if (
806
+ homeStore.listLoanPending
807
+ ?.urlSignContract
808
+ ) {
809
+ navigation.dispatch(
810
+ StackActions.push(
811
+ ScreenNames.CIMBSign,
812
+ {
813
+ url: homeStore.listLoanPending
814
+ ?.urlSignContract,
815
+ }
816
+ )
817
+ );
818
+ } else {
819
+ Alert.alert(
820
+ 'Thông báo',
821
+ 'Bạn chưa thể ký hợp đồng bây giờ?'
822
+ );
823
+ }
824
+ }}
825
+ >
826
+ <IconSign2 />
827
+ <MText
828
+ style={[
829
+ commonStyles.textNormal,
830
+ {
831
+ fontSize: 12,
832
+ fontWeight: '300',
833
+ marginTop: 8,
834
+ },
835
+ ]}
836
+ >
837
+ Ký hợp đồng
838
+ </MText>
839
+ </TouchableOpacity>
840
+ )}
841
+ {homeStore.listLoanPending
842
+ ?.isSignContractTima && (
843
+ <TouchableOpacity
844
+ style={{
845
+ alignItems: 'center',
846
+ marginLeft: 20,
847
+ }}
848
+ onPress={() => {
849
+ navigation.dispatch(
850
+ StackActions.push(
851
+ ScreenNames.ViewContract,
852
+ {
853
+ loan: homeStore.listLoanPending,
854
+ }
855
+ )
856
+ );
857
+ }}
858
+ >
859
+ <ContractTimeIcon />
860
+ <MText
861
+ style={[
862
+ commonStyles.textNormal,
863
+ {
864
+ fontSize: 12,
865
+ fontWeight: '300',
866
+ marginTop: 8,
867
+ textAlign: 'center',
868
+ },
869
+ ]}
870
+ >
871
+ Hợp đồng{'\n'}dịch vụ
872
+ </MText>
873
+ </TouchableOpacity>
874
+ )}
875
+ {homeStore.listLoanPending
876
+ ?.paymentEvidenceUrl && (
877
+ <TouchableOpacity
878
+ style={{
879
+ alignItems: 'center',
880
+ marginLeft: 20,
881
+ }}
882
+ onPress={() => {
431
883
  navigation.dispatch(
432
884
  StackActions.push(
433
- ScreenNames.CimbSelfie,
885
+ ScreenNames.PaymentEvidence,
434
886
  {
435
- loan: homeStore.listLoanPending,
887
+ url: homeStore.listLoanPending
888
+ ?.paymentEvidenceUrl,
436
889
  }
437
890
  )
438
891
  );
439
- } else {
892
+ }}
893
+ >
894
+ <IconEviden />
895
+ <MText
896
+ style={[
897
+ commonStyles.textNormal,
898
+ {
899
+ fontSize: 12,
900
+ fontWeight: '300',
901
+ marginTop: 8,
902
+ textAlign: 'center',
903
+ },
904
+ ]}
905
+ >
906
+ Mục đích {'\n'}sử dụng
907
+ </MText>
908
+ </TouchableOpacity>
909
+ )}
910
+ {homeStore.listLoanPending
911
+ ?.showPaymentPlan && (
912
+ <TouchableOpacity
913
+ style={{
914
+ alignItems: 'center',
915
+ marginLeft: 20,
916
+ }}
917
+ onPress={() => {
440
918
  navigation.dispatch(
441
919
  StackActions.push(
442
- ScreenNames.QuickSubmit,
920
+ ScreenNames.SchedulePayment,
443
921
  {
444
922
  loan: homeStore.listLoanPending,
445
923
  }
446
924
  )
447
925
  );
448
- }
449
- }}
450
- >
451
- <AddInfo />
452
- <MText
453
- style={[
454
- commonStyles.textNormal,
455
- {
456
- fontSize: 12,
457
- fontWeight: '300',
458
- marginTop: 8,
459
- textAlign: 'center',
460
- },
461
- ]}
462
- >
463
- Hoàn thiện{'\n'}cung cấp thông tin
464
- </MText>
465
- </TouchableOpacity>
466
- ) : (
467
- <View style={{ alignItems: 'center' }}>
468
- <AddInfoDisable />
469
- <MText
470
- style={[
471
- commonStyles.textNormal,
472
- {
473
- fontSize: 12,
474
- fontWeight: '300',
475
- marginTop: 8,
476
- textAlign: 'center',
477
- },
478
- ]}
926
+ }}
479
927
  >
480
- Hoàn thiện{'\n'}cung cấp thông tin
481
- </MText>
482
- </View>
483
- )}
484
- </View>
485
- )}
486
-
487
- {homeStore.listLoanPending?.isSignContract && (
488
- <TouchableOpacity
489
- style={{
490
- alignItems: 'center',
491
- marginLeft: 20,
492
- }}
493
- onPress={() => {
494
- if (
495
- homeStore.listLoanPending?.urlSignContract
496
- ) {
497
- navigation.dispatch(
498
- StackActions.push(ScreenNames.CIMBSign, {
499
- url: homeStore.listLoanPending
500
- ?.urlSignContract,
501
- })
502
- );
503
- } else {
504
- Alert.alert(
505
- 'Thông báo',
506
- 'Bạn chưa thể ký hợp đồng bây giờ?'
507
- );
508
- }
509
- }}
510
- >
511
- <IconSign2 />
512
- <MText
513
- style={[
514
- commonStyles.textNormal,
515
- {
516
- fontSize: 12,
517
- fontWeight: '300',
518
- marginTop: 8,
519
- },
520
- ]}
928
+ <IconSchedule />
929
+ <MText
930
+ style={[
931
+ commonStyles.textNormal,
932
+ {
933
+ fontSize: 12,
934
+ fontWeight: '300',
935
+ marginTop: 8,
936
+ },
937
+ ]}
938
+ >
939
+ Lịch dự kiến
940
+ </MText>
941
+ </TouchableOpacity>
942
+ )}
943
+ </View>
944
+ <View
945
+ style={{
946
+ flexDirection: 'row',
947
+ alignItems: 'center',
948
+ backgroundColor: '#FBEFE7',
949
+ marginHorizontal: -16,
950
+ paddingVertical: 8,
951
+ marginTop: 16,
952
+ borderBottomRightRadius: 8,
953
+ borderBottomLeftRadius: 8,
954
+ paddingHorizontal: 16,
955
+ }}
521
956
  >
522
- hợp đồng
523
- </MText>
524
- </TouchableOpacity>
525
- )}
526
- {homeStore.listLoanPending?.isSignContractTima && (
527
- <TouchableOpacity
528
- style={{
529
- alignItems: 'center',
530
- marginLeft: 20,
531
- }}
532
- onPress={() => {
533
- navigation.dispatch(
534
- StackActions.push(
535
- ScreenNames.ViewContract,
957
+ <Info />
958
+ <MText
959
+ style={[
536
960
  {
537
- loan: homeStore.listLoanPending,
538
- }
539
- )
540
- );
541
- }}
961
+ fontWeight: '300',
962
+ fontSize: 10,
963
+ fontStyle: 'italic',
964
+ color: '#333333',
965
+ marginLeft: 8,
966
+ },
967
+ ]}
968
+ >
969
+ {homeStore.listLoanPending?.suggestion
970
+ ? homeStore.listLoanPending?.suggestion
971
+ : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
972
+ </MText>
973
+ </View>
974
+ </View>
975
+ ) : (
976
+ <ImageBackground
977
+ source={require('../../assets/img/bann.png')}
978
+ style={{ flex: 1, padding: 16 }}
979
+ resizeMode="cover"
980
+ height={220}
981
+ borderRadius={8}
542
982
  >
543
- <ContractTimeIcon />
544
983
  <MText
545
- style={[
546
- commonStyles.textNormal,
547
- {
548
- fontSize: 12,
549
- fontWeight: '300',
550
- marginTop: 8,
551
- textAlign: 'center',
552
- },
553
- ]}
984
+ style={{
985
+ color: '#333333',
986
+ fontWeight: 'bold',
987
+ fontSize: 12,
988
+ }}
554
989
  >
555
- Hợp đồng{'\n'}dịch vụ
990
+ BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO THÔNG
991
+ TIN TÀI SẢN SỞ HỮU
992
+ {'\n'}
993
+ (XE MÁY/ Ô TÔ)
556
994
  </MText>
557
- </TouchableOpacity>
558
- )}
559
- {homeStore.listLoanPending?.paymentEvidenceUrl && (
560
- <TouchableOpacity
561
- style={{
562
- alignItems: 'center',
563
- marginLeft: 20,
564
- }}
565
- onPress={() => {
566
- navigation.dispatch(
567
- StackActions.push(
568
- ScreenNames.PaymentEvidence,
569
- {
570
- url: homeStore.listLoanPending
571
- ?.paymentEvidenceUrl,
572
- }
573
- )
574
- );
575
- }}
576
- >
577
- <IconEviden />
578
995
  <MText
579
- style={[
580
- commonStyles.textNormal,
581
- {
582
- fontSize: 12,
583
- fontWeight: '300',
584
- marginTop: 8,
585
- textAlign: 'center',
586
- },
587
- ]}
996
+ style={{
997
+ marginTop: 12,
998
+ fontSize: 24,
999
+ fontWeight: 'bold',
1000
+ color: '#EF4123',
1001
+ }}
588
1002
  >
589
- Mục đích {'\n'}sử dụng
1003
+ {formatMoney(
1004
+ homeStore.listLoanPending?.loanAmount
1005
+ )}{' '}
1006
+ VND
590
1007
  </MText>
591
- </TouchableOpacity>
592
- )}
593
- {homeStore.listLoanPending?.showPaymentPlan && (
594
- <TouchableOpacity
595
- style={{
596
- alignItems: 'center',
597
- marginLeft: 20,
598
- }}
599
- onPress={() => {
600
- navigation.dispatch(
601
- StackActions.push(
602
- ScreenNames.SchedulePayment,
603
- {
1008
+ <TouchableOpacity
1009
+ onPress={() => {
1010
+ navigation.dispatch(
1011
+ StackActions.push(ScreenNames.CIMBxTima, {
604
1012
  loan: homeStore.listLoanPending,
605
- }
606
- )
607
- );
608
- }}
609
- >
610
- <IconSchedule />
611
- <MText
612
- style={[
613
- commonStyles.textNormal,
614
- {
615
- fontSize: 12,
616
- fontWeight: '300',
617
- marginTop: 8,
618
- },
619
- ]}
1013
+ })
1014
+ );
1015
+ }}
620
1016
  >
621
- Lịch dự kiến
622
- </MText>
623
- </TouchableOpacity>
1017
+ <LinearGradient
1018
+ colors={['#FF7A00', '#EF4123']}
1019
+ style={{
1020
+ backgroundColor: '#F36D21cd ',
1021
+ marginTop: 12,
1022
+ alignItems: 'center',
1023
+ borderRadius: 30,
1024
+ paddingVertical: 10,
1025
+ width: '50%',
1026
+ }}
1027
+ >
1028
+ <MText
1029
+ style={{
1030
+ color: '#FFFFFF',
1031
+ fontWeight: 'bold',
1032
+ }}
1033
+ >
1034
+ Hoàn thiện hồ sơ
1035
+ </MText>
1036
+ </LinearGradient>
1037
+ </TouchableOpacity>
1038
+ <View
1039
+ style={{
1040
+ flexDirection: 'row',
1041
+ alignItems: 'center',
1042
+ alignContent: 'center',
1043
+ marginTop: 16,
1044
+ }}
1045
+ >
1046
+ <MText
1047
+ style={{ fontSize: 10, color: '#333333' }}
1048
+ >
1049
+ SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
1050
+ </MText>
1051
+ <LogoSmall />
1052
+ <MText
1053
+ style={{ fontSize: 12, color: '#333333' }}
1054
+ >
1055
+ {' '}
1056
+ VÀ{' '}
1057
+ </MText>
1058
+ <CIMBSmall />
1059
+ </View>
1060
+ </ImageBackground>
624
1061
  )}
625
1062
  </View>
626
- <View
627
- style={{
628
- flexDirection: 'row',
629
- alignItems: 'center',
630
- backgroundColor: '#FBEFE7',
631
- marginHorizontal: -16,
632
- paddingVertical: 8,
633
- marginTop: 16,
634
- borderBottomRightRadius: 8,
635
- borderBottomLeftRadius: 8,
636
- paddingHorizontal: 16,
637
- }}
638
- >
639
- <Info />
640
- <MText
641
- style={[
642
- {
643
- fontWeight: '300',
644
- fontSize: 10,
645
- fontStyle: 'italic',
646
- color: '#333333',
647
- marginLeft: 8,
648
- },
649
- ]}
650
- >
651
- {homeStore.listLoanPending?.suggestion
652
- ? homeStore.listLoanPending?.suggestion
653
- : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
654
- </MText>
655
- </View>
656
- </View>
657
- ) : (
658
- <View>
659
- {homeStore.listLoanPending?.loanStatus !== null &&
660
- homeStore.listLoanPending?.loanStatus !== '' ? (
1063
+ )}
1064
+ </View>
1065
+ ) : (
1066
+ <Observer>
1067
+ {() => (
1068
+ <View>
661
1069
  <View
662
1070
  style={{
663
1071
  backgroundColor: '#FFFFFF',
@@ -677,14 +1085,13 @@ export const Home = observer(function Home() {
677
1085
  <Contract />
678
1086
  <View style={{ flex: 1, paddingLeft: 8 }}>
679
1087
  <MText style={commonStyles.textNormalBold}>
680
- Đơn vay-{homeStore.listLoanPending?.id}
1088
+ Đơn vay {homeStore.listLoanPending?.id}
681
1089
  </MText>
682
1090
  <MText style={commonStyles.textNormal}>
683
1091
  Số tiền vay (VND):{' '}
684
- {homeStore.listLoanPending?.loanAmountOffer
1092
+ {homeStore.listLoanPending?.loanAmount
685
1093
  ? formatMoney(
686
- homeStore.listLoanPending
687
- ?.loanAmountOffer
1094
+ homeStore.listLoanPending?.loanAmount
688
1095
  )
689
1096
  : 'Chưa xác định'}
690
1097
  </MText>
@@ -723,33 +1130,21 @@ export const Home = observer(function Home() {
723
1130
  }}
724
1131
  />
725
1132
  <View style={{ flexDirection: 'row' }}>
726
- {homeStore?.listLoanPending?.isUpdateLoan ||
727
- homeStore?.listLoanPending
728
- ?.isUpdateInformation ? (
1133
+ {!homeStore.checkEKYC[
1134
+ homeStore.listLoanPending?.id
1135
+ ] ? (
729
1136
  <TouchableOpacity
730
1137
  style={{ alignItems: 'center' }}
731
1138
  onPress={() => {
732
- if (
733
- homeStore.listLoanPending?.isUpdateLoan
734
- ) {
735
- navigation.dispatch(
736
- StackActions.push(
737
- ScreenNames.CimbSelfie,
738
- {
739
- loan: homeStore.listLoanPending,
740
- }
741
- )
742
- );
743
- } else {
744
- navigation.dispatch(
745
- StackActions.push(
746
- ScreenNames.QuickSubmit,
747
- {
748
- loan: homeStore.listLoanPending,
749
- }
750
- )
751
- );
752
- }
1139
+ navigation.dispatch(
1140
+ StackActions.push(
1141
+ ScreenNames.NationalID,
1142
+ {
1143
+ loan: homeStore.listLoanPending,
1144
+ reLoan: true,
1145
+ }
1146
+ )
1147
+ );
753
1148
  }}
754
1149
  >
755
1150
  <AddInfo />
@@ -760,11 +1155,10 @@ export const Home = observer(function Home() {
760
1155
  fontSize: 12,
761
1156
  fontWeight: '300',
762
1157
  marginTop: 8,
763
- textAlign: 'center',
764
1158
  },
765
1159
  ]}
766
1160
  >
767
- Hoàn thiện{'\n'}cung cấp thông tin
1161
+ EKYC
768
1162
  </MText>
769
1163
  </TouchableOpacity>
770
1164
  ) : (
@@ -777,111 +1171,55 @@ export const Home = observer(function Home() {
777
1171
  fontSize: 12,
778
1172
  fontWeight: '300',
779
1173
  marginTop: 8,
780
- textAlign: 'center',
781
1174
  },
782
1175
  ]}
783
1176
  >
784
- Hoàn thiện{'\n'}cung cấp thông tin
1177
+ EKYC
785
1178
  </MText>
786
1179
  </View>
787
1180
  )}
788
- {homeStore.listLoanPending?.isSignContract && (
789
- <TouchableOpacity
790
- style={{
791
- alignItems: 'center',
792
- marginLeft: 20,
793
- }}
794
- onPress={() => {
795
- if (
796
- homeStore.listLoanPending
797
- ?.urlSignContract
798
- ) {
799
- navigation.dispatch(
800
- StackActions.push(
801
- ScreenNames.CIMBSign,
802
- {
803
- url: homeStore.listLoanPending
804
- ?.urlSignContract,
805
- }
806
- )
807
- );
808
- } else {
809
- Alert.alert(
810
- 'Thông báo',
811
- 'Bạn chưa thể ký hợp đồng bây giờ?'
812
- );
813
- }
814
- }}
815
- >
816
- <IconSign2 />
817
- <MText
818
- style={[
819
- commonStyles.textNormal,
820
- {
821
- fontSize: 12,
822
- fontWeight: '300',
823
- marginTop: 8,
824
- },
825
- ]}
826
- >
827
- Ký hợp đồng
828
- </MText>
829
- </TouchableOpacity>
830
- )}
831
- {homeStore.listLoanPending
832
- ?.isSignContractTima && (
833
- <TouchableOpacity
834
- style={{
835
- alignItems: 'center',
836
- marginLeft: 20,
837
- }}
838
- onPress={() => {
839
- navigation.dispatch(
840
- StackActions.push(
841
- ScreenNames.ViewContract,
842
- {
843
- loan: homeStore.listLoanPending,
844
- }
845
- )
846
- );
847
- }}
848
- >
849
- <ContractTimeIcon />
850
- <MText
851
- style={[
852
- commonStyles.textNormal,
853
- {
854
- fontSize: 12,
855
- fontWeight: '300',
856
- marginTop: 8,
857
- textAlign: 'center',
858
- },
859
- ]}
860
- >
861
- Hợp đồng{'\n'}dịch vụ
862
- </MText>
863
- </TouchableOpacity>
864
- )}
865
- {homeStore.listLoanPending
866
- ?.paymentEvidenceUrl && (
1181
+
1182
+ <TouchableOpacity
1183
+ style={{
1184
+ alignItems: 'center',
1185
+ marginLeft: 20,
1186
+ }}
1187
+ onPress={() => {
1188
+ navigation.dispatch(
1189
+ StackActions.push(ScreenNames.Video, {
1190
+ loan: homeStore.listLoanPending,
1191
+ })
1192
+ );
1193
+ }}
1194
+ >
1195
+ <IconVideo />
1196
+ <MText
1197
+ style={[
1198
+ commonStyles.textNormal,
1199
+ {
1200
+ fontSize: 12,
1201
+ fontWeight: '300',
1202
+ marginTop: 8,
1203
+ },
1204
+ ]}
1205
+ >
1206
+ Quay video
1207
+ </MText>
1208
+ </TouchableOpacity>
1209
+
1210
+ {homeStore.checkEKYC[
1211
+ homeStore.listLoanPending?.id
1212
+ ] ? (
867
1213
  <TouchableOpacity
868
1214
  style={{
869
1215
  alignItems: 'center',
870
1216
  marginLeft: 20,
871
1217
  }}
872
1218
  onPress={() => {
873
- navigation.dispatch(
874
- StackActions.push(
875
- ScreenNames.PaymentEvidence,
876
- {
877
- url: homeStore.listLoanPending
878
- ?.paymentEvidenceUrl,
879
- }
880
- )
881
- );
1219
+ signLoan(homeStore.listLoanPending);
882
1220
  }}
883
1221
  >
884
- <IconEviden />
1222
+ <IconSign2 />
885
1223
  <MText
886
1224
  style={[
887
1225
  commonStyles.textNormal,
@@ -889,32 +1227,20 @@ export const Home = observer(function Home() {
889
1227
  fontSize: 12,
890
1228
  fontWeight: '300',
891
1229
  marginTop: 8,
892
- textAlign: 'center',
893
1230
  },
894
1231
  ]}
895
1232
  >
896
- Mục đích {'\n'}sử dụng
1233
+
897
1234
  </MText>
898
1235
  </TouchableOpacity>
899
- )}
900
- {homeStore.listLoanPending?.showPaymentPlan && (
901
- <TouchableOpacity
1236
+ ) : (
1237
+ <View
902
1238
  style={{
903
1239
  alignItems: 'center',
904
1240
  marginLeft: 20,
905
1241
  }}
906
- onPress={() => {
907
- navigation.dispatch(
908
- StackActions.push(
909
- ScreenNames.SchedulePayment,
910
- {
911
- loan: homeStore.listLoanPending,
912
- }
913
- )
914
- );
915
- }}
916
1242
  >
917
- <IconSchedule />
1243
+ <SignDisable />
918
1244
  <MText
919
1245
  style={[
920
1246
  commonStyles.textNormal,
@@ -925,9 +1251,9 @@ export const Home = observer(function Home() {
925
1251
  },
926
1252
  ]}
927
1253
  >
928
- Lịch dự kiến
1254
+
929
1255
  </MText>
930
- </TouchableOpacity>
1256
+ </View>
931
1257
  )}
932
1258
  </View>
933
1259
  <View
@@ -948,339 +1274,24 @@ export const Home = observer(function Home() {
948
1274
  style={[
949
1275
  {
950
1276
  fontWeight: '300',
951
- fontSize: 10,
1277
+ fontSize: 12,
952
1278
  fontStyle: 'italic',
953
1279
  color: '#333333',
954
1280
  marginLeft: 8,
955
1281
  },
956
1282
  ]}
957
1283
  >
958
- {homeStore.listLoanPending?.suggestion
959
- ? homeStore.listLoanPending?.suggestion
960
- : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
961
- </MText>
962
- </View>
963
- </View>
964
- ) : (
965
- <ImageBackground
966
- source={require('../../assets/img/bann.png')}
967
- style={{ flex: 1, padding: 16 }}
968
- resizeMode="cover"
969
- height={220}
970
- borderRadius={8}
971
- >
972
- <MText
973
- style={{
974
- color: '#333333',
975
- fontWeight: 'bold',
976
- fontSize: 12,
977
- }}
978
- >
979
- BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO THÔNG
980
- TIN TÀI SẢN SỞ HỮU
981
- {'\n'}
982
- (XE MÁY/ Ô TÔ)
983
- </MText>
984
- <MText
985
- style={{
986
- marginTop: 12,
987
- fontSize: 24,
988
- fontWeight: 'bold',
989
- color: '#EF4123',
990
- }}
991
- >
992
- {formatMoney(
993
- homeStore.listLoanPending?.loanAmount
994
- )}{' '}
995
- VND
996
- </MText>
997
- <TouchableOpacity
998
- onPress={() => {
999
- navigation.dispatch(
1000
- StackActions.push(ScreenNames.CIMBxTima, {
1001
- loan: homeStore.listLoanPending,
1002
- })
1003
- );
1004
- }}
1005
- >
1006
- <LinearGradient
1007
- colors={['#FF7A00', '#EF4123']}
1008
- style={{
1009
- backgroundColor: '#F36D21cd ',
1010
- marginTop: 12,
1011
- alignItems: 'center',
1012
- borderRadius: 30,
1013
- paddingVertical: 10,
1014
- width: '50%',
1015
- }}
1016
- >
1017
- <MText
1018
- style={{
1019
- color: '#FFFFFF',
1020
- fontWeight: 'bold',
1021
- }}
1022
- >
1023
- Hoàn thiện hồ sơ
1024
- </MText>
1025
- </LinearGradient>
1026
- </TouchableOpacity>
1027
- <View
1028
- style={{
1029
- flexDirection: 'row',
1030
- alignItems: 'center',
1031
- alignContent: 'center',
1032
- marginTop: 16,
1033
- }}
1034
- >
1035
- <MText
1036
- style={{ fontSize: 10, color: '#333333' }}
1037
- >
1038
- SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
1039
- </MText>
1040
- <LogoSmall />
1041
- <MText
1042
- style={{ fontSize: 12, color: '#333333' }}
1043
- >
1044
- {' '}
1045
- VÀ{' '}
1046
- </MText>
1047
- <CIMBSmall />
1048
- </View>
1049
- </ImageBackground>
1050
- )}
1051
- </View>
1052
- )}
1053
- </View>
1054
- ) : (
1055
- <Observer>
1056
- {() => (
1057
- <View>
1058
- <View
1059
- style={{
1060
- backgroundColor: '#FFFFFF',
1061
- paddingHorizontal: 16,
1062
- paddingTop: 16,
1063
- borderRadius: 8,
1064
- borderWidth: 0.5,
1065
- borderColor: '#E0E0E0',
1066
- }}
1067
- >
1068
- <View
1069
- style={{
1070
- flexDirection: 'row',
1071
- alignItems: 'center',
1072
- }}
1073
- >
1074
- <Contract />
1075
- <View style={{ flex: 1, paddingLeft: 8 }}>
1076
- <MText style={commonStyles.textNormalBold}>
1077
- Đơn vay {homeStore.listLoanPending?.id}
1078
- </MText>
1079
- <MText style={commonStyles.textNormal}>
1080
- Số tiền vay (VND):{' '}
1081
- {homeStore.listLoanPending?.loanAmount
1082
- ? formatMoney(
1083
- homeStore.listLoanPending?.loanAmount
1084
- )
1085
- : 'Chưa xác định'}
1284
+ Thực hiện đầy đủ các bước để giải ngân nhanh
1285
+ nhất
1086
1286
  </MText>
1087
1287
  </View>
1088
1288
  </View>
1089
- <View
1090
- style={{
1091
- height: 1,
1092
- backgroundColor: '#E0E0E0',
1093
- marginVertical: 16,
1094
- }}
1095
- />
1096
- <View
1097
- style={{
1098
- flexDirection: 'row',
1099
- justifyContent: 'space-between',
1100
- }}
1101
- >
1102
- <MText style={commonStyles.textNormal}>
1103
- Trạng thái
1104
- </MText>
1105
- <MText
1106
- style={[
1107
- commonStyles.textNormalBold,
1108
- { color: '#F05123' },
1109
- ]}
1110
- >
1111
- {homeStore?.listLoanPending?.loanStatus}
1112
- </MText>
1113
- </View>
1114
- <View
1115
- style={{
1116
- height: 0.5,
1117
- backgroundColor: '#E0E0E0',
1118
- marginVertical: 16,
1119
- }}
1120
- />
1121
- <View style={{ flexDirection: 'row' }}>
1122
- {!homeStore.checkEKYC[
1123
- homeStore.listLoanPending?.id
1124
- ] ? (
1125
- <TouchableOpacity
1126
- style={{ alignItems: 'center' }}
1127
- onPress={() => {
1128
- navigation.dispatch(
1129
- StackActions.push(
1130
- ScreenNames.NationalID,
1131
- {
1132
- loan: homeStore.listLoanPending,
1133
- reLoan: true,
1134
- }
1135
- )
1136
- );
1137
- }}
1138
- >
1139
- <AddInfo />
1140
- <MText
1141
- style={[
1142
- commonStyles.textNormal,
1143
- {
1144
- fontSize: 12,
1145
- fontWeight: '300',
1146
- marginTop: 8,
1147
- },
1148
- ]}
1149
- >
1150
- EKYC
1151
- </MText>
1152
- </TouchableOpacity>
1153
- ) : (
1154
- <View style={{ alignItems: 'center' }}>
1155
- <AddInfoDisable />
1156
- <MText
1157
- style={[
1158
- commonStyles.textNormal,
1159
- {
1160
- fontSize: 12,
1161
- fontWeight: '300',
1162
- marginTop: 8,
1163
- },
1164
- ]}
1165
- >
1166
- EKYC
1167
- </MText>
1168
- </View>
1169
- )}
1170
-
1171
- <TouchableOpacity
1172
- style={{
1173
- alignItems: 'center',
1174
- marginLeft: 20,
1175
- }}
1176
- onPress={() => {
1177
- navigation.dispatch(
1178
- StackActions.push(ScreenNames.Video, {
1179
- loan: homeStore.listLoanPending,
1180
- })
1181
- );
1182
- }}
1183
- >
1184
- <IconVideo />
1185
- <MText
1186
- style={[
1187
- commonStyles.textNormal,
1188
- {
1189
- fontSize: 12,
1190
- fontWeight: '300',
1191
- marginTop: 8,
1192
- },
1193
- ]}
1194
- >
1195
- Quay video
1196
- </MText>
1197
- </TouchableOpacity>
1198
-
1199
- {homeStore.checkEKYC[
1200
- homeStore.listLoanPending?.id
1201
- ] ? (
1202
- <TouchableOpacity
1203
- style={{
1204
- alignItems: 'center',
1205
- marginLeft: 20,
1206
- }}
1207
- onPress={() => {
1208
- signLoan(homeStore.listLoanPending);
1209
- }}
1210
- >
1211
- <IconSign2 />
1212
- <MText
1213
- style={[
1214
- commonStyles.textNormal,
1215
- {
1216
- fontSize: 12,
1217
- fontWeight: '300',
1218
- marginTop: 8,
1219
- },
1220
- ]}
1221
- >
1222
- Ký HĐ
1223
- </MText>
1224
- </TouchableOpacity>
1225
- ) : (
1226
- <View
1227
- style={{
1228
- alignItems: 'center',
1229
- marginLeft: 20,
1230
- }}
1231
- >
1232
- <SignDisable />
1233
- <MText
1234
- style={[
1235
- commonStyles.textNormal,
1236
- {
1237
- fontSize: 12,
1238
- fontWeight: '300',
1239
- marginTop: 8,
1240
- },
1241
- ]}
1242
- >
1243
- Ký HĐ
1244
- </MText>
1245
- </View>
1246
- )}
1247
- </View>
1248
- <View
1249
- style={{
1250
- flexDirection: 'row',
1251
- alignItems: 'center',
1252
- backgroundColor: '#FBEFE7',
1253
- marginHorizontal: -16,
1254
- paddingVertical: 8,
1255
- marginTop: 16,
1256
- borderBottomRightRadius: 8,
1257
- borderBottomLeftRadius: 8,
1258
- paddingHorizontal: 16,
1259
- }}
1260
- >
1261
- <Info />
1262
- <MText
1263
- style={[
1264
- {
1265
- fontWeight: '300',
1266
- fontSize: 12,
1267
- fontStyle: 'italic',
1268
- color: '#333333',
1269
- marginLeft: 8,
1270
- },
1271
- ]}
1272
- >
1273
- Thực hiện đầy đủ các bước để giải ngân nhanh
1274
- nhất
1275
- </MText>
1276
- </View>
1277
1289
  </View>
1278
- </View>
1279
- )}
1280
- </Observer>
1281
- )}
1282
- </>
1283
- {/* )} */}
1290
+ )}
1291
+ </Observer>
1292
+ )}
1293
+ </>
1294
+ )}
1284
1295
  </View>
1285
1296
  )}
1286
1297
  </Observer>