fix: show max gpu

src/locales/en-US/gpuservice.ts

@@ -109,7 +109,7 @@ export default {
     'CPU-only setup for environment preparation.',
   'gpuservice.instance.stock': 'Stock',
   'gpuservice.instance.sliced': 'Sliced',
-  'gpuservice.instance.memory': 'Memory',
+  'gpuservice.instance.memory': 'VRAM',
   'gpuservice.instance.ram': 'RAM',
   'gpuservice.instance.disk': 'Disk',
   'gpuservice.instance.search.type.placeholder': 'Search by name',

src/locales/ja-JP/gpuservice.ts

@@ -107,7 +107,7 @@ export default {
   'gpuservice.instance.gpuCount.zero': 'CPU のみを使用し、環境準備用です。',
   'gpuservice.instance.stock': '在庫',
   'gpuservice.instance.sliced': '分割',
-  'gpuservice.instance.memory': 'Memory',
+  'gpuservice.instance.memory': 'VRAM',
   'gpuservice.instance.ram': 'RAM',
   'gpuservice.instance.disk': 'ディスク',
   'gpuservice.instance.search.type.placeholder': '名前で検索',

src/locales/ru-RU/gpuservice.ts

@@ -109,7 +109,7 @@ export default {
   'gpuservice.instance.gpuCount.zero': 'Только CPU, для подготовки окружения.',
   'gpuservice.instance.stock': 'Остаток',
   'gpuservice.instance.sliced': 'Разделено',
-  'gpuservice.instance.memory': 'Память',
+  'gpuservice.instance.memory': 'VRAM',
   'gpuservice.instance.ram': 'RAM',
   'gpuservice.instance.disk': 'Диск',
   'gpuservice.instance.search.type.placeholder': 'Поиск по имени',

src/locales/tr-TR/gpuservice.ts

@@ -106,7 +106,7 @@ export default {
   'gpuservice.instance.gpuCount.zero': 'Yalnızca CPU, ortam hazırlığı için.',
   'gpuservice.instance.stock': 'Stok',
   'gpuservice.instance.sliced': 'Bölünmüş',
-  'gpuservice.instance.memory': 'Bellek',
+  'gpuservice.instance.memory': 'VRAM',
   'gpuservice.instance.ram': 'RAM',
   'gpuservice.instance.disk': 'Disk',
   'gpuservice.instance.search.type.placeholder': 'Ada göre ara',

src/pages/gpu-service/instances/components/instance-type-item.tsx

@@ -58,7 +58,7 @@ interface InstanceTypeItemProps {
 
 const MetaItem: React.FC<{
   icon: string;
-  label: string;
+  label?: string;
   value?: string | null;
   showDot?: boolean;
   show?: boolean;
@@ -141,12 +141,18 @@ const InstanceTypeItem: React.FC<InstanceTypeItemProps> = ({ item }) => {
                 value={specData?.sliced}
               ></MetaItem>
               <MetaItem
-                show={!!remainingData.accelerator}
+                show={!!item.maxAccelerator}
                 icon="icon-database"
-                label={intl.formatMessage({
-                  id: 'gpuservice.instance.stock'
-                })}
-                value={remainingData.accelerator}
+                value={
+                  item.maxAccelerator! > 0
+                    ? `${intl.formatMessage(
+                        {
+                          id: 'common.max'
+                        },
+                        { count: item.maxAccelerator }
+                      )}`
+                    : '-'
+                }
               ></MetaItem>
             </span>
           )}

src/pages/gpu-service/instances/config/types.ts

@@ -133,6 +133,7 @@ export interface InstanceTypeItem {
   name: string;
   spec: InstanceTypeSpec;
   disabled?: boolean;
+  maxAccelerator?: number;
   status: InstanceTypeStatus;
 }
 

src/pages/gpu-service/instances/services/use-query-instance-types.ts

@@ -25,8 +25,16 @@ export default function useQueryInstanceTypes() {
   const [dataList, setDataList] = React.useState<InstanceType[]>([]);
 
   const isAvailable = (item: InstanceTypeItem) => {
-    if (!item.spec?.acceleratable) return true;
-    return getAcceleratorMax(item.status?.acceleratorTiers) > 0;
+    if (!item.spec?.acceleratable)
+      return {
+        maxAccelerator: 0,
+        available: true
+      };
+    const max = getAcceleratorMax(item.status?.acceleratorTiers);
+    return {
+      maxAccelerator: max || 0,
+      available: (max || 0) > 0
+    };
   };
 
   const queryInstanceTypes = async (
@@ -34,10 +42,14 @@ export default function useQueryInstanceTypes() {
   ) => {
     const res = await fetchData(params);
 
-    const list = (res?.items || []).map((item) => ({
-      ...item,
-      disabled: !isAvailable(item)
-    }));
+    const list = (res?.items || []).map((item) => {
+      const remainingData = isAvailable(item);
+      return {
+        ...item,
+        maxAccelerator: remainingData.maxAccelerator,
+        disabled: !remainingData.available
+      };
+    });
     console.log('queryInstanceTypes', list);
     setDataList(list);
     return list;