fix: ts

src/pages/chat/components/History.tsx

@@ -22,7 +22,7 @@ import { useChatStore } from '@/store/chat';
 import ModelList from './ModelList';
 import { useGlobalStore } from '@/store/global';
 import styles from '../index.module.scss';
-import { useEditTitle } from './useEditTitle';
+import { useEditInfo } from '@/hooks/useEditInfo';
 import { putChatHistory } from '@/api/chat';
 import { useToast } from '@/hooks/useToast';
 import { formatTimeToChatTime, getErrText } from '@/utils/tools';
@@ -57,7 +57,7 @@ const PcSliderBar = ({
   );
 
   // custom title edit
-  const { onOpenModal, EditModal: EditTitleModal } = useEditTitle({
+  const { onOpenModal, EditModal: EditTitleModal } = useEditInfo({
     title: '自定义历史记录标题',
     placeholder: '如果设置为空，会自动跟随聊天记录。'
   });

src/pages/chat/components/useEditTitle.tsx

@@ -1,91 +0,0 @@
-import React, { useCallback, useRef, useState, memo } from 'react';
-import {
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  ModalCloseButton,
-  Input,
-  useDisclosure,
-  Button
-} from '@chakra-ui/react';
-
-export const useEditTitle = ({
-  title,
-  placeholder = ''
-}: {
-  title: string;
-  placeholder?: string;
-}) => {
-  const { isOpen, onOpen, onClose } = useDisclosure();
-
-  const inputRef = useRef<HTMLInputElement | null>(null);
-  const onSuccessCb = useRef<(content: string) => void | Promise<void>>();
-  const onErrorCb = useRef<(err: any) => void>();
-  const defaultValue = useRef('');
-
-  const onOpenModal = useCallback(
-    ({
-      defaultVal,
-      onSuccess,
-      onError
-    }: {
-      defaultVal: string;
-      onSuccess: (content: string) => any;
-      onError?: (err: any) => void;
-    }) => {
-      onOpen();
-      onSuccessCb.current = onSuccess;
-      onErrorCb.current = onError;
-      defaultValue.current = defaultVal;
-    },
-    [onOpen]
-  );
-
-  const onclickConfirm = useCallback(async () => {
-    if (!inputRef.current) return;
-    try {
-      const val = inputRef.current.value;
-      await onSuccessCb.current?.(val);
-      onClose();
-    } catch (err) {
-      onErrorCb.current?.(err);
-    }
-  }, [onClose]);
-
-  // eslint-disable-next-line react/display-name
-  const EditModal = useCallback(
-    () => (
-      <Modal isOpen={isOpen} onClose={onClose}>
-        <ModalOverlay />
-        <ModalContent>
-          <ModalHeader>{title}</ModalHeader>
-          <ModalCloseButton />
-          <ModalBody>
-            <Input
-              ref={inputRef}
-              defaultValue={defaultValue.current}
-              placeholder={placeholder}
-              autoFocus
-              maxLength={20}
-            />
-          </ModalBody>
-          <ModalFooter>
-            <Button mr={3} variant={'outline'} onClick={onClose}>
-              取消
-            </Button>
-            <Button onClick={onclickConfirm}>确认</Button>
-          </ModalFooter>
-        </ModalContent>
-      </Modal>
-    ),
-    [isOpen, onClose, onclickConfirm, placeholder, title]
-  );
-
-  return {
-    onOpenModal,
-    EditModal
-  };
-};