fix(style): error message toast

src/components/copy-button/index.tsx

@@ -10,6 +10,7 @@ type CopyButtonProps = {
   fontSize?: string;
   btnStyle?: React.CSSProperties;
   style?: React.CSSProperties;
+  format?: 'text/plain' | 'text/html';
 };
 
 const CopyButton: React.FC<CopyButtonProps & TextProps> = ({
@@ -18,6 +19,7 @@ const CopyButton: React.FC<CopyButtonProps & TextProps> = ({
   fontSize = '14px',
   style,
   btnStyle,
+  format = 'text/plain',
   ...rest
 }) => {
   const intl = useIntl();
@@ -35,6 +37,7 @@ const CopyButton: React.FC<CopyButtonProps & TextProps> = ({
       {...rest}
       copyable={{
         text: text,
+        format: format,
         tooltips: tooltips,
         icon: [
           <CopyOutlined style={{ fontSize: fontSize, ...style }} key="copy" />,

src/pages/maas-provider/forms/model-item.tsx

@@ -115,9 +115,6 @@ const ModelItem: React.FC<ModelItemProps> = ({
         ...item,
         name: ''
       });
-      setTimeout(() => {
-        setOpenTip(false);
-      }, 2000);
     }
   };
 
@@ -153,6 +150,14 @@ const ModelItem: React.FC<ModelItemProps> = ({
     });
   }, [providerModelList, item.name, selectedModelSet]);
 
+  React.useEffect(() => {
+    if (openTip) {
+      const timerId = setTimeout(() => setOpenTip(false), 2000);
+      return () => clearTimeout(timerId);
+    }
+    return () => {};
+  }, [openTip]);
+
   return (
     <SelectWrapper>
       <Tooltip

src/pages/maas-provider/forms/supported-models.tsx

@@ -36,12 +36,7 @@ const SupportedModels = () => {
       const currentAPIKey = form.getFieldValue('api_key') || '';
 
       // Avoid repeated requests with the same API key
-      if (
+      if (open && prevAPIKeyRef.current !== currentAPIKey && currentAPIKey) {
-        open &&
-        providerModelList.length === 0 &&
-        prevAPIKeyRef.current !== currentAPIKey &&
-        currentAPIKey
-      ) {
         prevAPIKeyRef.current = currentAPIKey;
         fetchProviderModels({
           id: action === PageAction.EDIT ? id! : 0,

src/request-config.tsx

@@ -11,7 +11,10 @@ const Content = styled.div`
     position: absolute;
     top: 0px;
     right: -4px;
-    opacity: 5;
+    display: none;
+  }
+  &:hover .cp-btn {
+    display: inline-block;
   }
   .msg {
     display: none;