fix: impoer external components

src/pages/maas-provider/forms/advance-config.tsx

@@ -1,5 +1,7 @@
 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, useImperativeHandle } from 'react';
@@ -11,6 +13,7 @@ const AdvanceConfig: React.FC<{
   action: PageActionType;
   ref?: any;
 }> = forwardRef(({ action }, ref) => {
+  const { isDarkTheme } = useUserSettings();
   const form = Form.useFormInstance();
   const intl = useIntl();
   const editorRef = React.useRef<any>(null);
@@ -48,6 +51,7 @@ const AdvanceConfig: React.FC<{
       </Form.Item>
       <YamlEditor
         ref={editorRef}
+        isDarkTheme={isDarkTheme}
         title={
           <span className="flex-center">
             <span>{`${intl.formatMessage({ id: 'providers.form.customConfig' })} (YAML)`}</span>

src/pages/maas-provider/index.tsx

@@ -1,12 +1,11 @@
 import { PageAction } from '@/config';
 import { PaginationKey, TABLE_SORT_DIRECTIONS } from '@/config/settings';
 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 } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, message, Table } from 'antd';
 import _ from 'lodash';
-import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
 import {
   createProvider,