diff --git a/frontend/src/pages/Fleets/Details/FleetDetails/index.tsx b/frontend/src/pages/Fleets/Details/FleetDetails/index.tsx index 561266281..97a09e2f3 100644 --- a/frontend/src/pages/Fleets/Details/FleetDetails/index.tsx +++ b/frontend/src/pages/Fleets/Details/FleetDetails/index.tsx @@ -6,7 +6,13 @@ import { format } from 'date-fns'; import { Box, ColumnLayout, Container, Header, Loader, NavigateLink, StatusIndicator } from 'components'; import { DATE_TIME_FORMAT } from 'consts'; -import { formatFleetBackend, formatFleetResources, getFleetInstancesLinkText, getFleetPrice, getFleetStatusIconType } from 'libs/fleet'; +import { + formatFleetBackend, + formatFleetResources, + getFleetInstancesLinkText, + getFleetPrice, + getFleetStatusIconType, +} from 'libs/fleet'; import { ROUTES } from 'routes'; import { useGetFleetDetailsQuery } from 'services/fleet'; @@ -69,7 +75,11 @@ export const FleetDetails = () => {
{t('fleets.instances.resources')} -
{formatFleetResources(data.spec.configuration.resources)}
+
+ {data.spec.configuration.ssh_config + ? '-' + : formatFleetResources(data.spec.configuration.resources)} +
@@ -89,7 +99,12 @@ export const FleetDetails = () => {
{t('fleets.instances.price')} -
{(() => { const p = getFleetPrice(data); return typeof p === 'number' ? `$${p}` : '-'; })()}
+
+ {(() => { + const p = getFleetPrice(data); + return typeof p === 'number' ? `$${p}` : '-'; + })()} +
diff --git a/frontend/src/pages/Fleets/List/hooks.tsx b/frontend/src/pages/Fleets/List/hooks.tsx index a725068e2..255675743 100644 --- a/frontend/src/pages/Fleets/List/hooks.tsx +++ b/frontend/src/pages/Fleets/List/hooks.tsx @@ -89,7 +89,8 @@ export const useColumnsDefinitions = () => { { id: 'resources', header: t('fleets.instances.resources'), - cell: (item) => formatFleetResources(item.spec.configuration.resources), + cell: (item) => + item.spec.configuration.ssh_config ? '-' : formatFleetResources(item.spec.configuration.resources), }, { id: 'instances',