Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

refactor(kube/apps): migrate stacks table to react [EE-4661] (#10091)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-09-20 09:04:26 +03:00 • committed by GitHub
parent a5f60c64ef
commit 25d5e62f5c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 516 additions and 565 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/react/components/datatables/DatatableHeader.tsx
View file

@ -28,15 +28,19 @@ export function DatatableHeader({
return null;
}
const searchBar = <SearchBar value={searchValue} onChange={onSearchChange} />;
const tableActions = !!renderTableActions && (
<Table.Actions>{renderTableActions()}</Table.Actions>
);
const tableTitleSettings = !!renderTableSettings && (
<Table.TitleActions>{renderTableSettings()}</Table.TitleActions>
);
return (
<Table.Title label={title} icon={titleIcon} description={description}>
<SearchBar value={searchValue} onChange={onSearchChange} />
{renderTableActions && (
<Table.Actions>{renderTableActions()}</Table.Actions>
)}
<Table.TitleActions>
{!!renderTableSettings && renderTableSettings()}
</Table.TitleActions>
{searchBar}
{tableActions}
{tableTitleSettings}
</Table.Title>
);
}

11
app/react/components/datatables/ExpandableDatatableRow.tsx
View file

@ -6,14 +6,12 @@ import { DefaultType } from './types';
interface Props<D extends DefaultType> {
row: Row<D>;
disableSelect?: boolean;
renderSubRow(row: Row<D>): ReactNode;
expandOnClick?: boolean;
}
export function ExpandableDatatableTableRow<D extends DefaultType>({
row,
disableSelect,
renderSubRow,
expandOnClick,
}: Props<D>) {
@ -25,14 +23,7 @@ export function ExpandableDatatableTableRow<D extends DefaultType>({
cells={cells}
onClick={expandOnClick ? () => row.toggleExpanded() : undefined}
/>
{row.getIsExpanded() && row.getCanExpand() && (
<tr>
{!disableSelect && <td />}
<td colSpan={disableSelect ? cells.length : cells.length - 1}>
{renderSubRow(row)}
</td>
</tr>
)}
{row.getIsExpanded() && renderSubRow(row)}
</>
);
}