fix: impoer external components

src/pages/cluster-management/clusters.tsx

@@ -9,6 +9,7 @@ import {
   DeleteModal,
   FilterBar,
   IconFont,
+  NoResult,
   Table as SealTable,
   TableOrder,
   TableProvider
@@ -19,7 +20,6 @@ import { message } from 'antd';
 import { useAtom } from 'jotai';
 import _ from 'lodash';
 import { useEffect, useState } from 'react';
-import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
 import useGranfanaLink from '../resources/hooks/use-grafana-link';
 import {

src/pages/cluster-management/credentials.tsx

@@ -3,14 +3,13 @@ import { PageAction } from '@/config';
 import { PaginationKey, TABLE_SORT_DIRECTIONS } from '@/config/settings';
 import type { PageActionType } from '@/config/types';
 import useTableFetch from '@/hooks/use-table-fetch';
-import { DeleteModal, FilterBar, IconFont } from '@gpustack/core-ui';
+import { DeleteModal, FilterBar, IconFont, NoResult } from '@gpustack/core-ui';
 import { useIntl, useNavigate } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, Table, message } from 'antd';
 import { useAtom } from 'jotai';
 import _ from 'lodash';
 import { useState } from 'react';
-import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
 import {
   createCredential,

src/pages/cluster-management/step-forms/advance-config.tsx

@@ -1,6 +1,8 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import { Input as CInput, IconFont, YamlEditor } from '@gpustack/core-ui';
+import useUserSettings from '@/hooks/use-user-settings';
+import { Input as CInput, IconFont } from '@gpustack/core-ui';
+import { YamlEditor } from '@gpustack/core-ui/yaml-editor';
 import { useIntl } from '@umijs/max';
 import { Button, Form } from 'antd';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
@@ -31,6 +33,7 @@ const ClusterAdvanceConfig: React.FC<{
   const [form] = Form.useForm();
   const intl = useIntl();
   const editorRef = React.useRef<any>(null);
+  const { isDarkTheme } = useUserSettings();
   const [fileContent, setFileContent] = React.useState<string>('');
 
   useImperativeHandle(ref, () => ({
@@ -79,6 +82,7 @@ const ClusterAdvanceConfig: React.FC<{
       </Title>
       <YamlEditor
         ref={editorRef}
+        isDarkTheme={isDarkTheme}
         title={
           <span className="flex-center">
             <span>{`YAML`}</span>