Make recent fare contracts spinner appear immediately (#3690)

AtB-AS · Jun 27, 2023 · 1357420 · 1357420
1 parent bb09b38
commit 1357420
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/...ack/TicketTabNav_PurchaseTabScreen/Components/RecentFareContracts/RecentFareContracts.tsx b/...ack/TicketTabNav_PurchaseTabScreen/Components/RecentFareContracts/RecentFareContracts.tsx
@@ -5,25 +5,29 @@ import {TicketingTexts, useTranslation} from '@atb/translations';
 import RecentFareContractsTexts from '@atb/translations/screens/subscreens/RecentFareContractsTexts';
 import React, {useMemo} from 'react';
 import {ActivityIndicator, ScrollView, View} from 'react-native';
-import {useRecentFareContracts} from '../../use-recent-fare-contracts';
 import {RecentFareContractComponent} from './RecentFareContractComponent';
 import {useFirestoreConfiguration} from '@atb/configuration/FirestoreConfigurationContext';
 import {FareProductTypeConfig} from '@atb/configuration';
 import {RecentFareContract} from '../../types';
 import {useTicketingState} from '@atb/ticketing';
 
 type Props = {
+  recentFareContracts: RecentFareContract[];
+  loading: boolean;
   onSelect: (
     rfc: RecentFareContract,
     fareProductTypeConfig: FareProductTypeConfig,
   ) => void;
 };
 
-export const RecentFareContracts = ({onSelect}: Props) => {
+export const RecentFareContracts = ({
+  recentFareContracts,
+  loading,
+  onSelect,
+}: Props) => {
   const styles = useStyles();
   const {theme} = useTheme();
   const {t} = useTranslation();
-  const {recentFareContracts, loading} = useRecentFareContracts();
   const {fareProductTypeConfigs} = useFirestoreConfiguration();
   const {customerProfile} = useTicketingState();
 

diff --git a/...eting_TicketTabNavStack/TicketTabNav_PurchaseTabScreen/TicketTabNav_PurchaseTabScreen.tsx b/...eting_TicketTabNavStack/TicketTabNav_PurchaseTabScreen/TicketTabNav_PurchaseTabScreen.tsx
@@ -26,7 +26,7 @@ export const TicketTabNav_PurchaseTabScreen = ({navigation}: Props) => {
   const {abtCustomerId, authenticationType} = useAuthState();
   const isSignedInAsAbtCustomer = !!abtCustomerId;
   const {theme} = useTheme();
-  const {recentFareContracts} = useRecentFareContracts();
+  const {recentFareContracts, loading} = useRecentFareContracts();
   const hasRecentFareContracts =
     enable_recent_tickets && !!recentFareContracts.length;
   const styles = useStyles();
@@ -135,9 +135,11 @@ export const TicketTabNav_PurchaseTabScreen = ({navigation}: Props) => {
 
   return isSignedInAsAbtCustomer ? (
     <ScrollView>
-      {hasRecentFareContracts && (
-        <RecentFareContracts onSelect={onFareContractSelect} />
-      )}
+      <RecentFareContracts
+        recentFareContracts={recentFareContracts}
+        loading={loading}
+        onSelect={onFareContractSelect}
+      />
       <View
         style={[
           styles.container,