diff --git a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx index a8a37638f87e..ea4dfa619874 100644 --- a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx +++ b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx @@ -103,19 +103,21 @@ function WorkspaceCategoriesPage({route}: WorkspaceCategoriesPageProps) { const categoryList = useMemo( () => - (lodashSortBy(Object.values(policyCategories ?? {}), 'name', localeCompare) as PolicyCategory[]).map((value) => { - const isDisabled = value.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE; - return { - text: value.name, - keyForList: value.name, - isSelected: !!selectedCategories[value.name] && canSelectMultiple, - isDisabled, - pendingAction: value.pendingAction, - errors: value.errors ?? undefined, - rightElement: , - }; - }), - [policyCategories, selectedCategories, canSelectMultiple, translate], + (lodashSortBy(Object.values(policyCategories ?? {}), 'name', localeCompare) as PolicyCategory[]) + .filter((value) => (isOffline ? value : value.pendingAction !== CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE)) + .map((value) => { + const isDisabled = value.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE; + return { + text: value.name, + keyForList: value.name, + isSelected: !!selectedCategories[value.name] && canSelectMultiple, + isDisabled, + pendingAction: value.pendingAction, + errors: value.errors ?? undefined, + rightElement: , + }; + }), + [policyCategories, isOffline, selectedCategories, canSelectMultiple, translate], ); useAutoTurnSelectionModeOffWhenHasNoActiveOption(categoryList);