diff --git a/frontend/src/components/table/PackageTable.tsx b/frontend/src/components/table/PackageTable.tsx index 9d742dfa..60bf20bb 100644 --- a/frontend/src/components/table/PackageTable.tsx +++ b/frontend/src/components/table/PackageTable.tsx @@ -143,9 +143,9 @@ export default function PackageTable(): React.JSX.Element { .then(() => table.setSelectionModel([])), }} isAuthorized={table.isAuthorized} - hasSelection={table.selectionModel.length > 0} onSearchChange={table.setSearchText} searchText={table.searchText} + selectedPackageCount={table.selectionModel.length} status={table.status} /> diff --git a/frontend/src/components/table/PackageTableToolbar.tsx b/frontend/src/components/table/PackageTableToolbar.tsx index c8aa3f1a..279a127e 100644 --- a/frontend/src/components/table/PackageTableToolbar.tsx +++ b/frontend/src/components/table/PackageTableToolbar.tsx @@ -48,19 +48,19 @@ export interface ToolbarActions { interface PackageTableToolbarProps { actions: ToolbarActions; - hasSelection: boolean; isAuthorized: boolean; onSearchChange: (text: string) => void; searchText: string; + selectedPackageCount: number; status?: BuildStatus; } export default function PackageTableToolbar({ actions, - hasSelection, isAuthorized, onSearchChange, searchText, + selectedPackageCount, status, }: PackageTableToolbarProps): React.JSX.Element { const [packagesAnchorEl, setPackagesAnchorEl] = useState(null); @@ -103,7 +103,8 @@ export default function PackageTableToolbar({ { setPackagesAnchorEl(null); actions.onUpdateClick(); }}> - update + + {selectedPackageCount === 0 ? "update all packages" : `update selected packages (${selectedPackageCount})`} { setPackagesAnchorEl(null); actions.onRefreshDatabaseClick(); @@ -116,7 +117,7 @@ export default function PackageTableToolbar({ rebuild - { + { setPackagesAnchorEl(null); actions.onRemoveClick(); }}> remove