fix(docker-networks): use Network icon for networks [EE-6507] (#10913)

pull/10292/head^2
Matt Hook 2024-01-04 18:54:04 +13:00 committed by GitHub
parent 95358c204b
commit ecd603db8c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 9 additions and 9 deletions

View File

@ -102,7 +102,7 @@
</a> </a>
<a class="no-link" ui-sref="docker.networks"> <a class="no-link" ui-sref="docker.networks">
<dashboard-item icon="'share2'" type="'Network'" value="networkCount"></dashboard-item> <dashboard-item icon="'Network'" type="'Network'" value="networkCount"></dashboard-item>
</a> </a>
<div> <div>

View File

@ -1,4 +1,4 @@
import { Share2 } from 'lucide-react'; import { Network } from 'lucide-react';
import { EndpointSettings, NetworkSettings } from 'docker-types/generated/1.41'; import { EndpointSettings, NetworkSettings } from 'docker-types/generated/1.41';
import { createPersistedStore } from '@@/datatables/types'; import { createPersistedStore } from '@@/datatables/types';
@ -40,7 +40,7 @@ export function ContainerNetworksDatatable({
dataset={networks} dataset={networks}
settingsManager={tableState} settingsManager={tableState}
title="Connected Networks" title="Connected Networks"
titleIcon={Share2} titleIcon={Network}
disableSelect disableSelect
getRowCanExpand={(row) => !!row.original.GlobalIPv6Address} getRowCanExpand={(row) => !!row.original.GlobalIPv6Address}
isLoading={!dataset} isLoading={!dataset}

View File

@ -1,5 +1,5 @@
import { Fragment } from 'react'; import { Fragment } from 'react';
import { Share2, Trash2 } from 'lucide-react'; import { Network, Trash2 } from 'lucide-react';
import DockerNetworkHelper from '@/docker/helpers/networkHelper'; import DockerNetworkHelper from '@/docker/helpers/networkHelper';
import { Authorized } from '@/react/hooks/useUser'; import { Authorized } from '@/react/hooks/useUser';
@ -31,7 +31,7 @@ export function NetworkDetailsTable({
return ( return (
<TableContainer> <TableContainer>
<TableTitle label="Network details" icon={Share2} /> <TableTitle label="Network details" icon={Network} />
<DetailsTable dataCy="networkDetails-detailsTable"> <DetailsTable dataCy="networkDetails-detailsTable">
{/* networkRowContent */} {/* networkRowContent */}
<DetailsTable.Row label="Name">{network.Name}</DetailsTable.Row> <DetailsTable.Row label="Name">{network.Name}</DetailsTable.Row>

View File

@ -1,4 +1,4 @@
import { Share2 } from 'lucide-react'; import { Network } from 'lucide-react';
import { TableContainer, TableTitle } from '@@/datatables'; import { TableContainer, TableTitle } from '@@/datatables';
import { DetailsTable } from '@@/DetailsTable'; import { DetailsTable } from '@@/DetailsTable';
@ -18,7 +18,7 @@ export function NetworkOptionsTable({ options }: Props) {
return ( return (
<TableContainer> <TableContainer>
<TableTitle label="Network options" icon={Share2} /> <TableTitle label="Network options" icon={Network} />
<DetailsTable dataCy="networkDetails-networkOptionsTable"> <DetailsTable dataCy="networkDetails-networkOptionsTable">
{networkEntries.map(([key, value]) => ( {networkEntries.map(([key, value]) => (
<DetailsTable.Row key={key} label={key}> <DetailsTable.Row key={key} label={key}>

View File

@ -1,4 +1,4 @@
import { Plus, Share2, Trash2 } from 'lucide-react'; import { Plus, Network, Trash2 } from 'lucide-react';
import { Authorized } from '@/react/hooks/useUser'; import { Authorized } from '@/react/hooks/useUser';
import { useEnvironmentId } from '@/react/hooks/useEnvironmentId'; import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
@ -56,7 +56,7 @@ export function NetworksDatatable({ dataset, onRemove, onRefresh }: Props) {
<ExpandableDatatable<DecoratedNetwork> <ExpandableDatatable<DecoratedNetwork>
settingsManager={settings} settingsManager={settings}
title="Networks" title="Networks"
titleIcon={Share2} titleIcon={Network}
dataset={dataset} dataset={dataset}
columns={columns} columns={columns}
getRowCanExpand={({ original: item }) => getRowCanExpand={({ original: item }) =>