perf: btn color (#423)

projects/app/src/web/common/hooks/useConfirm.tsx

@@ -11,9 +11,13 @@ import {
 } from '@chakra-ui/react';
 import { useTranslation } from 'next-i18next';
 
-export const useConfirm = (props: { title?: string | null; content?: string | null }) => {
+export const useConfirm = (props: {
+  title?: string | null;
+  content?: string | null;
+  bg?: string;
+}) => {
   const { t } = useTranslation();
-  const { title = t('Warning'), content } = props;
+  const { title = t('Warning'), content, bg } = props;
   const [customContent, setCustomContent] = useState(content);
 
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -61,6 +65,7 @@ export const useConfirm = (props: { title?: string | null; content?: string | nu
                   {t('Cancel')}
                 </Button>
                 <Button
+                  {...(bg && { bg: `${bg} !important` })}
                   ml={4}
                   onClick={() => {
                     onClose();
@@ -74,7 +79,7 @@ export const useConfirm = (props: { title?: string | null; content?: string | nu
           </AlertDialogOverlay>
         </AlertDialog>
       ),
-      [customContent, isOpen, onClose, t, title]
+      [bg, customContent, isOpen, onClose, t, title]
     )
   };
 };

projects/app/src/web/common/hooks/useEditTitle.tsx

@@ -50,7 +50,7 @@ export const useEditTitle = ({
 
   // eslint-disable-next-line react/display-name
   const EditModal = useCallback(
-    () => (
+    ({ maxLength = 30 }: { maxLength?: number }) => (
       <MyModal isOpen={isOpen} onClose={onClose} title={title}>
         <ModalBody>
           {!!tip && (
@@ -64,7 +64,7 @@ export const useEditTitle = ({
             defaultValue={defaultValue.current}
             placeholder={placeholder}
             autoFocus
-            maxLength={20}
+            maxLength={maxLength}
           />
         </ModalBody>
         <ModalFooter>

projects/app/src/web/core/app/basicSettings.ts

@@ -378,7 +378,7 @@ const kbTemplate = (formData: EditFormType): AppModuleItemType[] => [
             key: 'userChatInput'
           },
           {
-            moduleId: 'kbSearch',
+            moduleId: 'datasetSearch',
             key: 'userChatInput'
           }
         ]
@@ -501,7 +501,7 @@ const kbTemplate = (formData: EditFormType): AppModuleItemType[] => [
       x: 956.0838440206068,
       y: 887.462827870246
     },
-    moduleId: 'kbSearch'
+    moduleId: 'datasetSearch'
   },
   ...(formData.kb.searchEmptyText
     ? [

projects/app/src/web/core/dataset/components/SelectCollections.tsx

@@ -97,7 +97,14 @@ const SelectCollections = ({
   });
 
   return (
-    <MyModal isOpen onClose={onClose} maxW={['90vw', '900px']} h={['90vh', '80vh']} isCentered>
+    <MyModal
+      isOpen
+      onClose={onClose}
+      maxW={['90vw', '900px']}
+      w={'100%'}
+      h={['90vh', '80vh']}
+      isCentered
+    >
       <Flex flexDirection={'column'} flex={'1 0 0'}>
         <Box flex={'1 0 0'} px={4} py={2}>
           <Flex flexDirection={'column'} h={'100%'} position={'relative'}>