change language #245 (#246)

### What problem does this PR solve?

change language

Issue link: #245



- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/commonHooks.tsx

@@ -119,3 +119,7 @@ export const useShowDeleteConfirm = () => {
 export const useTranslate = (keyPrefix: string) => {
   return useTranslation('translation', { keyPrefix });
 };
+
+export const useCommonTranslation = () => {
+  return useTranslation('translation', { keyPrefix: 'common' });
+};

web/src/hooks/logicHooks.ts

@@ -1,9 +1,11 @@
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { IChangeParserConfigRequestBody } from '@/interfaces/request/document';
 import { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useSetModalState } from './commonHooks';
 import { useSetDocumentParser } from './documentHooks';
 import { useOneNamespaceEffectsLoading } from './storeHooks';
+import { useSaveSetting } from './userSettingHook';
 
 export const useChangeDocumentParser = (documentId: string) => {
   const setDocumentParser = useSetDocumentParser();
@@ -45,3 +47,15 @@ export const useSetSelectedRecord = <T = IKnowledgeFile>() => {
 
   return { currentRecord, setRecord };
 };
+
+export const useChangeLanguage = () => {
+  const { i18n } = useTranslation();
+  const saveSetting = useSaveSetting();
+
+  const changeLanguage = (lng: string) => {
+    i18n.changeLanguage(lng === 'Chinese' ? 'zh' : 'en');
+    saveSetting({ language: lng });
+  };
+
+  return changeLanguage;
+};

web/src/hooks/userSettingHook.ts

@@ -84,7 +84,7 @@ export const useSaveSetting = () => {
   const dispatch = useDispatch();
 
   const saveSetting = useCallback(
-    (userInfo: { new_password: string } | IUserInfo): number => {
+    (userInfo: { new_password: string } | Partial<IUserInfo>): number => {
       return dispatch<any>({ type: 'settingModel/setting', payload: userInfo });
     },
     [dispatch],