fix lint

Expensify · Feb 28, 2024 · 208efe2 · 208efe2
1 parent f3faf18
commit 208efe2
Showing 1 changed file with 37 additions and 25 deletions.
diff --git a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
@@ -112,6 +112,42 @@ function WorkspaceCategoriesPage({policyCategories, route}: WorkspaceCategoriesP
         </View>
     );
 
+    const getComponentToRender = () => {
+        if (policyCategories === undefined) {
+            return (
+                <ActivityIndicator
+                    size={CONST.ACTIVITY_INDICATOR_SIZE.LARGE}
+                    style={[styles.flex1]}
+                    color={theme.textSupporting}
+                />
+            );
+        }
+
+        if (categoryList.length === 0) {
+            return (
+                <WorkspaceEmptyStateSection
+                    title={translate('workspace.categories.emptyCategories.title')}
+                    icon={Illustrations.EmptyStateExpenses}
+                    subtitle={translate('workspace.categories.emptyCategories.subtitle')}
+                />
+            );
+        }
+
+        return (
+            <SelectionList
+                canSelectMultiple
+                sections={[{data: categoryList, indexOffset: 0, isDisabled: false}]}
+                onCheckboxPress={toggleCategory}
+                onSelectRow={navigateToCategorySettings}
+                onSelectAll={toggleAllCategories}
+                showScrollIndicator
+                ListItem={TableListItem}
+                customListHeader={getCustomListHeader()}
+                listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
+            />
+        );
+    };
+
     return (
         <AdminPolicyAccessOrNotFoundWrapper policyID={route.params.policyID}>
             <PaidPolicyAccessOrNotFoundWrapper policyID={route.params.policyID}>
@@ -132,31 +168,7 @@ function WorkspaceCategoriesPage({policyCategories, route}: WorkspaceCategoriesP
                     <View style={[styles.ph5, styles.pb5]}>
                         <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.categories.subtitle')}</Text>
                     </View>
-                    {policyCategories === undefined ? (
-                        <ActivityIndicator
-                            size={CONST.ACTIVITY_INDICATOR_SIZE.LARGE}
-                            style={[styles.flex1]}
-                            color={theme.textSupporting}
-                        />
-                    ) : categoryList.length ? (
-                        <SelectionList
-                            canSelectMultiple
-                            sections={[{data: categoryList, indexOffset: 0, isDisabled: false}]}
-                            onCheckboxPress={toggleCategory}
-                            onSelectRow={navigateToCategorySettings}
-                            onSelectAll={toggleAllCategories}
-                            showScrollIndicator
-                            ListItem={TableListItem}
-                            customListHeader={getCustomListHeader()}
-                            listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
-                        />
-                    ) : (
-                        <WorkspaceEmptyStateSection
-                            title={translate('workspace.categories.emptyCategories.title')}
-                            icon={Illustrations.EmptyStateExpenses}
-                            subtitle={translate('workspace.categories.emptyCategories.subtitle')}
-                        />
-                    )}
+                    {getComponentToRender()}
                 </ScreenWrapper>
             </PaidPolicyAccessOrNotFoundWrapper>
         </AdminPolicyAccessOrNotFoundWrapper>