Merge pull request Expensify#51711 from mkzie2/mkzie2-issue/51269

Add a divider between the default spend categories in category settings
dukenv0307 · Nov 1, 2024 · dfe8e95 · dfe8e95
2 parents 6763f1a + 8851109
commit dfe8e95
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx
@@ -119,6 +119,7 @@ function WorkspaceCategoriesSettingsPage({policy, route}: WorkspaceCategoriesSet
                     onCloseError={() => Policy.clearPolicyErrorField(policy?.id ?? '-1', 'requiresCategory')}
                     shouldPlaceSubtitleBelowSwitch
                 />
+                <View style={[styles.sectionDividerLine]} />
                 <View style={[styles.containerWithSpaceBetween]}>
                     {!!canUseWorkspaceRules && !!currentPolicy && (sections.at(0)?.data?.length ?? 0) > 0 && (
                         <SelectionList

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -3008,6 +3008,13 @@ const styles = (theme: ThemeColors) =>
             ...spacing.mv3,
         },
 
+        sectionDividerLine: {
+            height: 1,
+            backgroundColor: theme.border,
+            ...spacing.mh5,
+            ...spacing.mv6,
+        },
+
         unreadIndicatorText: {
             color: theme.unreadIndicator,
             ...FontUtils.fontFamily.platform.EXP_NEUE_BOLD,