Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 12:25:22 +02:00
Code Issues Releases Activity

fix(UI) Update all network pages EE-3509 (#7324)

Browse source 
* EE-3509 update all network pages

* EE-3509 update access control panel and network container table
This commit is contained in:
Rex Wang 2022-07-25 07:57:18 +08:00 • committed by GitHub
parent 5f5cb36df1
commit 5b3f099f4e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 71 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/react/docker/networks/ItemView/NetworkDetailsTable.tsx
View file

@ -3,9 +3,10 @@ import DockerNetworkHelper from 'Docker/helpers/networkHelper';
import { Authorized } from '@/portainer/hooks/useUser';
import { Widget, WidgetBody, WidgetTitle } from '@@/Widget';
import { Table, TableContainer, TableTitle } from '@@/datatables';
import { DetailsTable } from '@@/DetailsTable';
import { Button } from '@@/buttons';
import { Icon } from '@@/Icon';
import { isSystemNetwork } from '../network.helper';
import { DockerNetwork, IPConfig } from '../types';
@ -30,9 +31,9 @@ export function NetworkDetailsTable({
return (
<div className="row">
<div className="col-lg-12 col-md-12 col-xs-12">
<Widget>
<WidgetTitle title="Network details" icon="fa-sitemap" />
<WidgetBody className="nopadding">
<TableContainer>
<TableTitle label="Network details" icon="share-2" featherIcon />
<Table className="nopadding">
<DetailsTable dataCy="networkDetails-detailsTable">
{/* networkRowContent */}
<DetailsTable.Row label="Name">{network.Name}</DetailsTable.Row>
@ -46,8 +47,10 @@ export function NetworkDetailsTable({
color="danger"
onClick={() => onRemoveNetworkClicked()}
>
<i
className="fa fa-trash-alt space-right"
<Icon
icon="trash-2"
feather
className="space-right"
aria-hidden="true"
/>
Delete this network
@ -102,8 +105,8 @@ export function NetworkDetailsTable({
</Fragment>
))}
</DetailsTable>
</WidgetBody>
</Widget>
</Table>
</TableContainer>
</div>
</div>
);