diff --git a/src/pages/workspace/expensifyCard/WorkspaceCardPageFeed.tsx b/src/pages/workspace/expensifyCard/WorkspaceCardPageFeed.tsx index 4225bd1e3cac..33c4617d393d 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceCardPageFeed.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceCardPageFeed.tsx @@ -1,19 +1,23 @@ import type {StackScreenProps} from '@react-navigation/stack'; import React from 'react'; -import {useOnyx} from 'react-native-onyx'; +import type {OnyxEntry} from 'react-native-onyx'; import type {FullScreenNavigatorParamList} from '@libs/Navigation/types'; import AccessOrNotFoundWrapper from '@pages/workspace/AccessOrNotFoundWrapper'; import CONST from '@src/CONST'; -import ONYXKEYS from '@src/ONYXKEYS'; import type SCREENS from '@src/SCREENS'; +import type {WorkspaceCardsList} from '@src/types/onyx'; +import {isEmptyObject} from '@src/types/utils/EmptyObject'; import WorkspaceCardPageEmptyState from './WorkspaceCardPageEmptyState'; import WorkspaceExpensifyCardPage from './WorkspaceExpensifyCardPage'; type WorkspaceCardPageFeedProps = StackScreenProps; +// TODO: remove when Onyx data is available +const cardsList: OnyxEntry = {}; + function WorkspaceCardPageFeed({route}: WorkspaceCardPageFeedProps) { - const policyID = route.params.policyID ?? '-1'; - const [cardsList] = useOnyx(`${ONYXKEYS.COLLECTION.WORKSPACE_CARDS_LIST}${policyID}_${CONST.EXPENSIFY_CARD.BANK}`); + // const policyID = route.params.policyID ?? '-1'; + // const [cardsList] = useOnyx(`${ONYXKEYS.COLLECTION.WORKSPACE_CARDS_LIST}${policyID}_${CONST.EXPENSIFY_CARD.BANK}`); return ( {/* After BE will be implemented we will probably want to have ActivityIndicator during fetch for cardsList */} - {!cardsList && } - {cardsList && } + {isEmptyObject(cardsList) && } + {!isEmptyObject(cardsList) && } ); }