Skip to content

Commit 08b033b

Browse files
committed
Simplify toolbar rendering
1 parent 118d6b9 commit 08b033b

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

src/datagrid.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -101,16 +101,17 @@ export const Datagrid = <T extends DataSourceType>(props: DatagridProps<T>) => {
101101
const { leftElements, centerElements, rightElements } = splitToolbarElements(toolbar);
102102
return (
103103
<div className={"datagrid-toolbar toolbar-" + toolbar.position}>
104-
<div
105-
className={"toolbar-left"}>{leftElements.filter(e => e.type === Pager).length > 0 && renderPaginationControls(filteredData.length)}</div>
106-
<div
107-
className={"toolbar-center"}>{centerElements.filter(e => e.type === Pager).length > 0 && renderPaginationControls(filteredData.length)}</div>
108-
<div
109-
className={"toolbar-right"}>{rightElements.filter(e => e.type === Pager).length > 0 && renderPaginationControls(filteredData.length)}</div>
104+
<div className={"toolbar-left"}>{renderToolbarSection(leftElements)}</div>
105+
<div className={"toolbar-center"}>{renderToolbarSection(centerElements)}</div>
106+
<div className={"toolbar-right"}>{renderToolbarSection(rightElements)}</div>
110107
</div>
111108
);
112109
};
113110

111+
const renderToolbarSection = (elements: JSX.Element[]) => {
112+
return elements.filter(e => e.type === Pager).length > 0 && renderPaginationControls(filteredData.length)
113+
}
114+
114115
return (
115116
<div className="datagrid-wrapper">
116117
{topToolbar && renderToolbar(topToolbar)}

0 commit comments

Comments
 (0)