Skip to content

Commit a76b712

Browse files
committed
Simplify AsMultiSelectModal story
1 parent e906b5b commit a76b712

File tree

1 file changed

+19
-22
lines changed

1 file changed

+19
-22
lines changed

packages/react/src/SelectPanel/SelectPanel.features.stories.tsx

+19-22
Original file line numberDiff line numberDiff line change
@@ -885,28 +885,25 @@ export const AsMultiSelectModal = () => {
885885
}, [open, selected])
886886

887887
return (
888-
<FormControl>
889-
<FormControl.Label>Labels</FormControl.Label>
890-
<SelectPanel
891-
variant="modal"
892-
title="Select labels"
893-
placeholder="Select labels"
894-
subtitle="Use labels to organize issues and pull requests"
895-
renderAnchor={({children, ...anchorProps}) => (
896-
<Button trailingAction={TriangleDownIcon} {...anchorProps} aria-haspopup="dialog">
897-
{children}
898-
</Button>
899-
)}
900-
open={open}
901-
onOpenChange={setOpen}
902-
items={selectedItemsSortedFirst}
903-
selected={selected}
904-
onSelectedChange={setSelected}
905-
onCancel={() => setSelected(intialSelection)}
906-
onFilterChange={setFilter}
907-
width="medium"
908-
/>
909-
</FormControl>
888+
<SelectPanel
889+
variant="modal"
890+
title="Select labels"
891+
placeholder="Select labels"
892+
subtitle="Use labels to organize issues and pull requests"
893+
renderAnchor={({children, ...anchorProps}) => (
894+
<Button trailingAction={TriangleDownIcon} {...anchorProps} aria-haspopup="dialog">
895+
{children}
896+
</Button>
897+
)}
898+
open={open}
899+
onOpenChange={setOpen}
900+
items={selectedItemsSortedFirst}
901+
selected={selected}
902+
onSelectedChange={setSelected}
903+
onCancel={() => setSelected(intialSelection)}
904+
onFilterChange={setFilter}
905+
width="medium"
906+
/>
910907
)
911908
}
912909

0 commit comments

Comments
 (0)