feat: style the export dialog form

This commit is contained in:
Ahmed Bouhuolia
2024-05-01 19:09:53 +02:00
parent 00a1e070c6
commit 495941f43a
5 changed files with 91 additions and 31 deletions

View File

@@ -121,7 +121,7 @@ function AccountsActionsBar({
// Handle the export button click.
const handleExportBtnClick = () => {
openDialog(DialogsName.Export, { resource: 'account' });
}
};
return (
<DashboardActionsBar>
@@ -186,18 +186,18 @@ function AccountsActionsBar({
icon={<Icon icon="print-16" iconSize={16} />}
text={<T id={'print'} />}
/>
<Button
className={Classes.MINIMAL}
icon={<Icon icon="file-export-16" iconSize={16} />}
text={<T id={'export'} />}
onClick={handleExportBtnClick}
/>
<Button
className={Classes.MINIMAL}
icon={<Icon icon="file-import-16" iconSize={16} />}
text={<T id={'import'} />}
onClick={handleImportBtnClick}
/>
<Button
className={Classes.MINIMAL}
icon={<Icon icon="file-export-16" iconSize={16} />}
text={<T id={'export'} />}
onClick={handleExportBtnClick}
/>
<NavbarDivider />
<DashboardRowsHeightButton
initialValue={accountsTableSize}