chore: display available clusters

src/pages/llmodels/components/data-form.tsx

@@ -169,7 +169,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
         getGPUOptionList(params);
       }
     };
-  }, []);
+  });
 
   return (
     <FormInnerContext.Provider
@@ -242,7 +242,6 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
 
         <HuggingFaceForm></HuggingFaceForm>
         <LocalPathForm></LocalPathForm>
-
         <Form.Item<FormData>
           name="cluster_id"
           rules={[

src/pages/llmodels/components/deploy-builtin-modal.tsx

@@ -486,6 +486,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
     if (open) {
       setTimeout(() => {
         fetchSpecData();
+        form.current?.getGPUOptionList?.({
+          clusterId: initClusterId()
+        });
       }, 100);
     }
     return () => {

src/pages/llmodels/components/deploy-modal.tsx

@@ -477,6 +477,10 @@ const AddModal: FC<AddModalProps> = (props) => {
                     onSelectModelAfterEvaluate={
                       handleOnSelectModelAfterEvaluate
                     }
+                    clusterId={
+                      form.current?.getFieldValue?.('cluster_id') ||
+                      initClusterId()
+                    }
                     displayEvaluateStatus={displayEvaluateStatus}
                     gpuOptions={[]}
                   ></SearchModel>

src/pages/llmodels/components/search-model.tsx

@@ -40,19 +40,12 @@ const PaginationMain = styled(Pagination)`
   }
 `;
 
-const IconFontWrapper = styled.div`
-  .ant-pagination-item-link {
-    display: flex !important;
-    align-items: center;
-    justify-content: center;
-  }
-`;
-
 interface SearchInputProps {
   hasLinuxWorker?: boolean;
   modelSource: string;
   isDownload?: boolean;
   gpuOptions?: any[];
+  clusterId: number;
   setLoadingModel?: (flag: boolean) => void;
   onSourceChange?: (source: string) => void;
   onSelectModel: (model: any, manul?: boolean) => void;
@@ -70,6 +63,7 @@ const SearchModel: React.FC<SearchInputProps> = (props) => {
     isDownload,
     hasLinuxWorker,
     gpuOptions,
+    clusterId,
     setLoadingModel,
     onSelectModel,
     onSelectModelAfterEvaluate,
@@ -295,6 +289,7 @@ const SearchModel: React.FC<SearchInputProps> = (props) => {
 
         return {
           ...backendObj,
+          cluster_id: clusterId,
           source: modelSource,
           ...(modelSource === modelSourceMap.huggingface_value
             ? {

src/pages/llmodels/components/update-modal.tsx

@@ -256,6 +256,7 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
   useEffect(() => {
     if (open && formData) {
       setOriginalFormData();
+      getGPUOptionList({ clusterId: formData.cluster_id });
     }
     if (!open) {
       checkTokenRef.current?.cancel?.();