diff --git a/frontend/src/pages/Offers/List/index.tsx b/frontend/src/pages/Offers/List/index.tsx index aebc2ac66..519117119 100644 --- a/frontend/src/pages/Offers/List/index.tsx +++ b/frontend/src/pages/Offers/List/index.tsx @@ -227,10 +227,7 @@ export const OfferList: React.FC = ({ }); const gpus = useMemo( - () => - gpuEnabled - ? (groupedQuery.currentData?.gpus ?? []).map((gpu) => ({ ...gpu, price: gpu.offer_price ?? gpu.price })) - : (groupedQuery.currentData?.cpus ?? []).map(toCpuCard), + () => (gpuEnabled ? (groupedQuery.currentData?.gpus ?? []) : (groupedQuery.currentData?.cpus ?? []).map(toCpuCard)), [groupedQuery.currentData, gpuEnabled], ); @@ -302,9 +299,12 @@ export const OfferList: React.FC = ({ max: round(convertMiBToGB(gpu.cpu.memory_range.max)), }) : round(convertMiBToGB(gpu.memory_mib))} - GB {gpu.cpu ? 'RAM' : 'VRAM'} + GB {gpu.cpu ? 'RAM' : 'VRAM'} + +
+ ${renderRangeJSX(gpu.price) ?? '-'}{' '} + {!ungrouped && !gpu.cpu ? '/GPU/h' : '/h'}
- ${renderRangeJSX(gpu.price) ?? '-'}
{gpu.backend ? formatBackend(gpu.backend) : (gpu.backends?.map(formatBackend).join(', ') ?? '-')}
diff --git a/frontend/src/pages/Offers/List/styles.module.scss b/frontend/src/pages/Offers/List/styles.module.scss index 9d08c453a..5e30a35a8 100644 --- a/frontend/src/pages/Offers/List/styles.module.scss +++ b/frontend/src/pages/Offers/List/styles.module.scss @@ -26,6 +26,11 @@ color: awsui.$color-text-status-inactive; } +.unitText { + color: awsui.$color-text-status-inactive; + opacity: 0.75; +} + .greenText { color: awsui.$color-text-status-success; }