fix: add scroll to update components review dialog (#8983)

Added overflow y to update
This commit is contained in:
Lucas Oliveira 2025-07-10 12:26:41 -03:00 • committed by GitHub
commit 208bc27f11
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -169,26 +169,28 @@ export default function UpdateComponentModal({
)} )}
</div> </div>
{isMultiple && ( {isMultiple && (
<div className="-mx-4"> <div className="max-h-[200px] overflow-y-auto overflow-x-hidden">
<TableComponent <div className="-mx-4">
columnDefs={columnDefs} <TableComponent
ref={agGrid} columnDefs={columnDefs}
domLayout="autoHeight" ref={agGrid}
rowData={components} domLayout="autoHeight"
rowSelection="multiple" rowData={components}
className="ag-tool-mode ag-no-selection" rowSelection="multiple"
rowHeight={30} className="ag-tool-mode ag-no-selection"
headerHeight={30} rowHeight={30}
suppressRowClickSelection={false} headerHeight={30}
onSelectionChanged={(event) => { suppressRowClickSelection={false}
const selectedIds = event.api onSelectionChanged={(event) => {
.getSelectedRows() const selectedIds = event.api
.map((row) => row.id); .getSelectedRows()
setSelectedComponents(new Set(selectedIds)); .map((row) => row.id);
}} setSelectedComponents(new Set(selectedIds));
suppressRowHoverHighlight={true} }}
tableOptions={{ hide_options: true }} suppressRowHoverHighlight={true}
/> tableOptions={{ hide_options: true }}
/>
</div>
</div> </div>
)} )}
<div <div