diff --git a/src/views/states/list/components/InterfacesPopoverBody.tsx b/src/views/states/list/components/InterfacesPopoverBody.tsx index 9be1d685..75acf90e 100644 --- a/src/views/states/list/components/InterfacesPopoverBody.tsx +++ b/src/views/states/list/components/InterfacesPopoverBody.tsx @@ -8,10 +8,12 @@ import { FlexItem, List, ListItem, + Tooltip, } from '@patternfly/react-core'; import { LongArrowAltDownIcon, LongArrowAltUpIcon } from '@patternfly/react-icons'; import { NodeNetworkConfigurationInterface, V1beta1NodeNetworkState } from '@types'; import { useNMStateTranslation } from '@utils/hooks/useNMStateTranslation'; +import { getPorts } from '@utils/interfaces/getters'; import useDrawerInterface from '../hooks/useDrawerInterface'; @@ -47,6 +49,7 @@ const InterfacesPopoverBody: FC = ({ {interfaces.map((iface) => { const address = iface.ipv4?.address || iface.ipv6?.address; + const ports = getPorts(iface); const Icon = iface.state.toLowerCase() === 'up' ? LongArrowAltUpIcon : LongArrowAltDownIcon; return ( @@ -83,7 +86,23 @@ const InterfacesPopoverBody: FC = ({ {t('Ports')} - {iface.bridge?.port?.length || '-'} + + {ports?.length ? ( + + {ports.map((port) => ( + {port} + ))} + + } + > + {ports.length} + + ) : ( + '-' + )} +