feat: Add divider line option for ConfigrSelect (BL-13095)

sillsdev · Feb 22, 2024 · 528e076 · 528e076
1 parent 53dd42f
commit 528e076
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/lib/ContentPane.tsx b/lib/ContentPane.tsx
@@ -736,6 +736,9 @@ export const ConfigrSelect: React.FunctionComponent<
             }
             const labelToUse = o.label ?? o.value;
             const valueToUse = o.value ?? o.label;
+            if (labelToUse?.startsWith('--')) {
+              return (<Divider key={labelToUse} />);
+            }
             return (
               <MenuItem value={valueToUse} key={labelToUse}>
                 {o.description ? (

diff --git a/src/stories/bloom.stories.tsx b/src/stories/bloom.stories.tsx
@@ -237,6 +237,7 @@ const BloomCollectionInner: React.FunctionComponent<{
             options={[
               { label: 'Paper Saver', value: 'Paper Saver' },
               { label: 'Super Paper Saver', value: 'Super Paper Saver' },
+              { label: '--', value: '' },
               {
                 label: 'Traditional',
                 value: 'Traditional',