fix: fix toast error info

Author: taskingaiwww

frontend/index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="./LOGO2.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>TaskingAI | Authentication</title>
+  <title>TaskingAI | Console</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap">
 
 </head>

frontend/src/components/modalTable/index.tsx

@@ -53,6 +53,7 @@ function ModalTable({ columns, ifAllowNew, hangleFilterData, ifOnlyId, defaultSe
                 }
                 containerWidth = tableContainer.offsetWidth;
                 containerHeight = tableContainerH.offsetHeight;
+
                 setScroll({
                     x: containerWidth,
                     y: containerHeight * 0.9
@@ -80,7 +81,7 @@ function ModalTable({ columns, ifAllowNew, hangleFilterData, ifOnlyId, defaultSe
 
         };
         updateScroll();
-    }, []);
+    },[]);
     useEffect(() => {
         setOriginalDataSource(dataSource)
     }, [])

frontend/src/components/modelModal/index.tsx

@@ -12,7 +12,6 @@ import MistralAI from '@/assets/img/MistralAI.svg?react'
 
 import NoModel from '../../assets/img/NO_MODEL.svg?react'
 import CohereIcon from '../../assets/img/cohereIcon.svg?react'
-import CustomError from '../../contant/index.ts'
 import { Modal, Pagination, Button, Spin, Input, Form } from 'antd'
 import { getAiModelsList, createModels, getAiModelsForm, getModelProviderList } from '../../axios/models'
 import { toast } from 'react-toastify'
@@ -104,16 +103,15 @@ const ModelModal = react.forwardRef((props: modelModalProps, ref) => {
     const imgReverse = (providerId: string) => {
         if (providerId === 'openai') {
             return <ModelProvider width='16px' height='16px' />
-        }
-        else if (providerId === 'anthropic') {
+        }else if (providerId === 'anthropic') {
             return <Anthropic width='16px' height='16px' />
         } else if (providerId === 'azure_openai') {
             return <Frame width='16px' height='16px' />
         } else if (providerId === 'google_gemini') {
             return <GoogleIcon width='16px' height='16px' />
         } else if (providerId === 'cohere') {
             return <CohereIcon width='16px' height='16px' />
-        }else if (providerId === 'mistralai') {
+        } else if (providerId === 'mistralai') {
             return <MistralAI width='16px' height='16px' />
         }
     }
@@ -134,10 +132,7 @@ const ModelModal = react.forwardRef((props: modelModalProps, ref) => {
                     props.getOptionsList({ limit: 20 }, props.modelType as string)
                     props.handleSetModelConfirmOne(false)
                 } catch (e) {
-                    console.log(e)
-                    if (e instanceof CustomError) {
-                        toast.error(e.response.data.error.message)
-                    }
+                    toast.error(e.response.data.error.message)
                 } finally {
                     setConfirmLoading(false)
                 }
@@ -326,7 +321,7 @@ const ModelModal = react.forwardRef((props: modelModalProps, ref) => {
                                 ]}
                             >
                                 <div>
-                                <div className='description'>{(property as { description: string }).description}</div>
+                                    <div className='description'>{(property as { description: string }).description}</div>
 
                                     <Input placeholder={`Enter ${key}`} className='input' />
                                 </div>

frontend/src/components/modelsPage/index.tsx

@@ -19,7 +19,6 @@ import ModelModal from '@/components/modelModal';
 import closeIcon from '../../assets/img/x-close.svg'
 import { toast } from 'react-toastify';
 import { RecordType,ChildRefType,formDataType } from '../../contant/index.ts'
-import CustomError from '../../contant/index.ts'
 function ModelsPage() {
     const [form] = Form.useForm()
     const [form1] = Form.useForm()
@@ -193,9 +192,7 @@ function ModelsPage() {
                     }
                     await fetchData(params1)
                 } catch (error) {
-                    if (error instanceof CustomError) {
                         toast.error(error.response.data.error.message)
-                    }
                 }
 
 

frontend/src/components/retrieval/index.tsx

@@ -8,7 +8,6 @@ import DeleteIcon from '../../assets/img/deleteIcon.svg?react'
 import EditIcon from '../../assets/img/editIcon.svg?react'
 import ModalTable from '../modalTable/index';
 import ModelModal from '../modelModal/index'
-import CustomError from '../../contant/index.ts'
 // import {TKNegativeModal} from '@taskingai/taskingai-ui'
 import { modelsTableColumn, collectionTableColumn } from '../../contents/index.tsx'
 import { ChildRefType } from '../../contant/index.ts'
@@ -189,9 +188,7 @@ function Retrieval() {
             setUpdateRetrievalPrevButton(true)
 
         } catch (error) {
-            if (error instanceof CustomError) {
                 toast.error(error.response.data.error.message)
-            }
         }
     }
 
@@ -232,9 +229,7 @@ function Retrieval() {
             setUpdateRetrievalPrevButton(true)
 
         } catch (error) {
-            if (error instanceof CustomError) {
                 toast.error(error.response.data.error.message)
-            }
         }
     }
     const handleNameChange = (e:React.ChangeEvent<HTMLInputElement>) => {

frontend/src/contant/index.ts

@@ -1,21 +1,5 @@
 
-interface CustomErrorResponse {
-    data: {
-        error: {
-            message: string;
-        };
-    };
-}
-
-class CustomError extends Error {
-    response: CustomErrorResponse;
 
-    constructor(message: string, response: CustomErrorResponse) {
-        super(message);
-        this.name = 'CustomError';
-        this.response = response;
-    }
-}
 interface projectHomeType {
     key: string;
     [key: string]: any;
@@ -87,5 +71,4 @@ interface contentRefType {
     scrollHeight?:any;
     scrollTo?:any
 }
-export type {contentRefType,formDataType,settingModalProps,promptListType, projectIdType,ModelProviderType,projectHomeType,RecordType,ChildRefType,TableProps,modelModalProps}
-export default CustomError
+export type {contentRefType,formDataType,settingModalProps,promptListType, projectIdType,ModelProviderType,projectHomeType,RecordType,ChildRefType,TableProps,modelModalProps}

frontend/src/views/login/index.tsx

@@ -1,18 +1,14 @@
 import { useNavigate } from "react-router-dom";
 import { Form, Input, Button } from 'antd';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import aiIcon from "../../assets/img/LOGO+TEXT.svg";
 import Beta from "../../assets/img/CommunityTag.svg?react";
 import { toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import style from './login.module.scss'
-import CustomError from '@/contant/index'
 import { fetchLogin } from '@/axios/index'
 
 function Login() {
-    useEffect(() => {
-        document.title = 'TaskingAI | Authentication';
-    }, [])
     const [loading, setLoading] = useState(false)
     const navigate = useNavigate()
     const onFinish = async (val: object) => {
@@ -24,14 +20,12 @@ function Login() {
             await navigate('/project/models')
             toast.success('Signin successful')
         } catch (error) {
-            if (error instanceof CustomError) {
-                toast.error(error.response.data.error.message)
-            }
+            toast.error(error.response.data.error.message)
         }
         setLoading(false)
 
     }
- 
+
     return (
         <>
             <div className={style.login}>
@@ -49,7 +43,7 @@ function Login() {
                                 required: true,
                                 message: 'Please input your username.',
                             },
-                      
+
                         ]}
                     >
                         <Input placeholder='Enter your username' className={style["input-edit"]} />