Fix: Clicking the checkbox of the pop-up window for editing chunk is invalid #3726 (#3727)

### What problem does this PR solve?

Fix: Clicking the checkbox of the pop-up window for editing chunk is
invalid #3726

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/locales/zh-traditional.ts

@@ -296,7 +296,7 @@ export default {
       search: '搜尋',
       all: '所有',
       enabled: '啟用',
-      disabled: '禁用的',
+      disabled: '禁用',
       keyword: '關鍵詞',
       function: '函數',
       chunkMessage: '請輸入值！',

web/src/locales/zh.ts

@@ -313,7 +313,7 @@ export default {
       search: '搜索',
       all: '所有',
       enabled: '启用',
-      disabled: '禁用的',
+      disabled: '禁用',
       keyword: '关键词',
       function: '函数',
       chunkMessage: '请输入值！',

web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx

@@ -2,7 +2,7 @@ import EditTag from '@/components/edit-tag';
 import { useFetchChunk } from '@/hooks/chunk-hooks';
 import { IModalProps } from '@/interfaces/common';
 import { DeleteOutlined } from '@ant-design/icons';
-import { Checkbox, Divider, Form, Input, Modal, Space } from 'antd';
+import { Divider, Form, Input, Modal, Space, Switch } from 'antd';
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDeleteChunkByIds } from '../../hooks';
@@ -31,9 +31,14 @@ const ChunkCreatingModal: React.FC<IModalProps<any> & kFProps> = ({
 
   useEffect(() => {
     if (data?.code === 0) {
-      const { content_with_weight, important_kwd = [] } = data.data;
+      const {
+        content_with_weight,
+        important_kwd = [],
+        available_int,
+      } = data.data;
       form.setFieldsValue({ content: content_with_weight });
       setKeywords(important_kwd);
+      setChecked(available_int === 1);
     }
 
     if (!chunkId) {
@@ -48,6 +53,7 @@ const ChunkCreatingModal: React.FC<IModalProps<any> & kFProps> = ({
       onOk?.({
         content: values.content,
         keywords, // keywords
+        available_int: checked ? 1 : 0, // available_int
       });
     } catch (errorInfo) {
       console.log('Failed:', errorInfo);
@@ -82,16 +88,19 @@ const ChunkCreatingModal: React.FC<IModalProps<any> & kFProps> = ({
         </Form.Item>
       </Form>
       <section>
-        <p>{t('chunk.keyword')} *</p>
+        <p className="mb-2">{t('chunk.keyword')} *</p>
         <EditTag tags={keywords} setTags={setKeywords} />
       </section>
       {chunkId && (
         <section>
           <Divider></Divider>
           <Space size={'large'}>
-            <Checkbox onChange={handleCheck} checked={checked}>
-              {t('chunk.enabled')}
-            </Checkbox>
+            <Switch
+              checkedChildren={t('chunk.enabled')}
+              unCheckedChildren={t('chunk.disabled')}
+              onChange={handleCheck}
+              checked={checked}
+            />
 
             <span onClick={handleRemove}>
               <DeleteOutlined /> {t('common.delete')}

web/src/pages/add-knowledge/components/knowledge-chunk/hooks.ts

@@ -95,12 +95,21 @@ export const useUpdateChunk = () => {
   const { documentId } = useGetKnowledgeSearchParams();
 
   const onChunkUpdatingOk = useCallback(
-    async ({ content, keywords }: { content: string; keywords: string }) => {
+    async ({
+      content,
+      keywords,
+      available_int,
+    }: {
+      content: string;
+      keywords: string;
+      available_int: number;
+    }) => {
       const code = await createChunk({
         content_with_weight: content,
         doc_id: documentId,
         chunk_id: chunkId,
         important_kwd: keywords, // keywords
+        available_int,
       });
 
       if (code === 0) {