+ {
+ const hasAbility = modelAbilityData.options.length > 0
+ const hasFeature = featureModels.length > 0
+
+ const baseColumns = hasAbility ? ['200px', '150px'] : ['200px']
+ const altColumns = hasAbility ? ['150px', '150px'] : ['150px']
+
+ const columns = hasFeature
+ ? [...baseColumns, '150px', '1fr']
+ : [...altColumns, '1fr']
+
+ return columns.join(' ')
+ })(),
+ columnGap: '20px',
+ margin: '30px 2rem',
+ alignItems: 'center',
+ }}
+ >
+ {featureModels.length > 0 && (
+
+
+
+
+
+
+ )}
+ {modelAbilityData.options.length > 0 && (
+
+
+ {t('launchModel.modelAbility')}
+
+
- )}
- {modelAbilityData.options.length > 0 && (
+ {modelAbilityData.options.map((item) => (
+
+ ))}
+
+
+ )}
-
- {t('launchModel.modelAbility')}
+
+ {t('launchModel.status')}
- )}
-
- {t('launchModel.status')}
-
-
-
-
- {
- setSearchTerm(e.target.value)
- }}
- size="small"
- hotkey="Enter"
- t={t}
- />
-
-
-
- {filterArr.map((item, index) => (
- handleDeleteChip(item)}
- />
- ))}
-
-
- {displayedData.map((filteredRegistration) => (
-
+ {
+ setSearchTerm(e.target.value)
+ }}
+ size="small"
+ hotkey="Enter"
+ t={t}
+ />
+
+
+
+ {filterArr.map((item, index) => (
+ handleDeleteChip(item)}
+ />
+ ))}
+
+
+ {displayedData.map((filteredRegistration) => (
+ {
+ setSelectedModel(filteredRegistration)
+ setIsOpenLaunchModelDrawer(true)
+ }}
+ />
+ ))}
+
+
+
+ {ENABLE_PAGINATION && hasMore && !isCallingApi && (
+
+
+
+ )}
+
+
+ {selectedModel && (
+ {
- setSelectedModel(filteredRegistration)
- setIsOpenLaunchModelDrawer(true)
- }}
+ gpuAvailable={gpuAvailable}
+ open={isOpenLaunchModelDrawer}
+ onClose={() => setIsOpenLaunchModelDrawer(false)}
/>
- ))}
-