@titaui/pc 1.8.1 → 1.8.2

package/src/components/task-relation-modal/tree-node/work-node/index.tsx

@@ -4,6 +4,7 @@ import Checkbox from "../../../checkbox";
 import { Context } from "../../context";
 import Radio from "../../radio";
 import { OpenUserName } from "../../../../utils/open-data";
+import { getLocale } from "../../../../utils/getLocale";
 
 import "./index.scss";
 import { formatDateStr } from "../../helper";
@@ -36,8 +37,8 @@ const WorkNode = (props: IProps) => {
     !checked && removeSelected(data.WorkId);
   };
   const statusMap = {
-    1: "进行中",
-    2: "已完成",
+    1: getLocale('Per_MyRe_text_Inprogress'),
+    2: getLocale('OKR_MyO_E_From_Completed'),
   };
 
   return (

package/src/components/tita-chart/charts/liquid-ball.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import Liquid from '../plots/liquid';
 import { measureTextWidth } from '@antv/g2plot'
+import { getLocale } from '../../../utils/getLocale';
 
 // import "../index.scss";
 
@@ -59,7 +60,7 @@ export default function TitaLiquid(props: Props) {
             width = _container$getBoundin.width,
             height = _container$getBoundin.height;
           var d = Math.sqrt(Math.pow(width / 2, 2) + Math.pow(height / 2, 2));
-          var text = ''.concat((percent * 100).toFixed(0), '%');
+          var text = ''.concat((percent * 100).toFixed(0), getLocale('OKR_MyO_Pop_Upd_Percentage'));
           //@ts-ignore
           var textWidth = (0, measureTextWidth)(text, { fontSize: 60 });
           var scale = Math.min(d / textWidth, 1);

package/src/components/tita-chart/charts/words-cloud.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { getLocale } from '../../../utils/getLocale';
 import WordsCloud from '../plots/wordscloud';
 
 import './index.scss'
@@ -18,15 +19,15 @@ interface Props {
 
 
 const defaultWordsCouldDate = new Array(10).fill([
-  { text: 'OKR', value: 10 },
+  { text: getLocale('Menu_Title_OKRs'), value: 10 },
   { text: '对齐', value: 3 },
-  { text: '目标', value: 3 },
-  { text: '关键结果', value: 1 },
+  { text: getLocale('Mod_Objective'), value: 3 },
+  { text: getLocale('Mod_KeyResults'), value: 1 },
   { text: '聚焦', value: 1 },
   { text: '执行', value: 2 },
-  { text: '更新', value: 2 },
-  { text: '进展', value: 2 },
-  { text: '协同', value: 2 },
+  { text: getLocale('OKR_MyO_Butt_Update'), value: 2 },
+  { text: getLocale('Feed_Tab_Title_Progress'), value: 2 },
+  { text: getLocale('OKR_MyO_E_Pop_Coordination'), value: 2 },
   { text: 'execute', value: 1 },
   { text: 'objective', value: 4 }
 ]).reduce((a, b) => [...a, ...b])

package/src/components/update-modal/index.tsx

@@ -1,6 +1,7 @@
 import React, { ReactElement, useState, useEffect, useCallback } from "react";
 import { Modal } from "tita-ui";
 import { getBSGlobal } from "../period-selector/helper";
+import { getLocale } from "../../utils/getLocale";
 import "./index.scss";
 import { cancelGuide } from "./request-api";
 
@@ -46,7 +47,7 @@ function UpdateModal({ updates = [], detailLink }: Props): ReactElement {
           target="_blank"
           className={preCls + "__detail-btn"}
         >
-          了解更多
+          {getLocale('Per_Help_Button_Learnmore')}
         </a>
       </div>
     </Modal>

package/src/components/upload/components/uploadedPreview.tsx

@@ -1,6 +1,7 @@
 import React, { PureComponent, Fragment } from 'react'
 import { Tooltip } from 'tita-ui';
 import { UploadResultObj } from '../type'
+import { getLocale } from '../../../utils/getLocale';
 import {
   PreviewContent,
   PreviewImageWrapper,
@@ -59,7 +60,7 @@ export default class UploadedPreview extends PureComponent<Props> {
       if (smallImageUrl && deleteable) { // 是图片且能删除
         return (
           [
-            <Tooltip content='预览' container={document.body}>
+            <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
               <span className='upload-file-action-wrapper'>
                 <span className='tu-icon-yulan action-icon'
                   onMouseDown={() => onSubmit(index, 'preview')}>
@@ -67,7 +68,7 @@ export default class UploadedPreview extends PureComponent<Props> {
               </span>
             </Tooltip>
             ,
-            <Tooltip content='删除' container={document.body}>
+            <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
               <span className='upload-file-action-wrapper'>
                 <span className='tu-icon-canceled action-icon delete'
                   onMouseDown={() => onSubmit(index, 'delete')}>
@@ -78,7 +79,7 @@ export default class UploadedPreview extends PureComponent<Props> {
         )
       } else if (!smallImageUrl && deleteable) { // 不是图片但能删除
         return (
-          <Tooltip content='删除' container={document.body}>
+          <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-canceled action-icon delete'
                 onMouseDown={() => onSubmit(index, 'delete')}>
@@ -88,7 +89,7 @@ export default class UploadedPreview extends PureComponent<Props> {
         )
       } else if (smallImageUrl && !deleteable) { // 是图片不能删除
         return (
-          <Tooltip content='预览' container={document.body}>
+          <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-magnifier-circle action-icon'
                 onMouseDown={() => onSubmit(index, 'preview')}>
@@ -101,7 +102,7 @@ export default class UploadedPreview extends PureComponent<Props> {
       }
     } else if (uploadStatus === 5) {
       return (
-        <Tooltip content='删除' container={document.body}>
+        <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
           <span className='upload-file-action-wrapper'>
             <span className='tu-icon-canceled action-icon delete'
               onMouseDown={() => onSubmit(index, 'delete')}>
@@ -119,7 +120,7 @@ export default class UploadedPreview extends PureComponent<Props> {
               </span>
             </span>
           </Tooltip>
-          <Tooltip content='删除' container={document.body}>
+          <Tooltip content={getLocale('Mod_Delete')} container={document.body}>
             <span className='upload-file-action-wrapper'>
               <span className='tu-icon-canceled action-icon delete'
                 onMouseDown={() => onSubmit(index, 'delete')}>

package/src/components/upload/index.tsx

@@ -8,7 +8,8 @@ import UploadedPreview from './components/uploadedPreview';
 import { UploadResultObj, UploadFilesObj, _dealAttachmentType } from './type';
 import { UploadFormContainer } from './style';
 import ImgViewer from '../img-viewer';
-import { getPreviewImgs, isImg } from './util';
+import { getPreviewImgs } from './util';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   action?: string;
@@ -47,8 +48,6 @@ export default class Upload extends PureComponent<Props, State> {
   }
 
   static defaultProps = {
-    attachmentTipText:
-      '<p>支持拖拽上传</p><p>单次最多支持上传 20 个，总数不可超过 50 个</p><p>每个不超过 50MB</p>',
     fileNumLimit: 20,
     fileSizeLimit: 50,
     filesTotal: 50,
@@ -171,8 +170,8 @@ export default class Upload extends PureComponent<Props, State> {
         return;
       };
       uploadStartFiles.push(uploadStartFile);
-      this._dealUploadStart(uploadStartFiles); // 处理开始上传的文件      
-      formData.append('file', element);      
+      this._dealUploadStart(uploadStartFiles); // 处理开始上传的文件
+      formData.append('file', element);
       let url = action || getApiUrl(`Upload/PostFiles?format=json&timestamp=${timestamp}`);
       this._dealUploadXHRRequest(formData, url, uploadStartFile);
     });
@@ -197,7 +196,7 @@ export default class Upload extends PureComponent<Props, State> {
     let xhr = uploadStartFile.requestXHR;
     xhr.onreadystatechange = () => {
       if (xhr.readyState == 4 && xhr.status == 200) {
-        let result = Object.assign({}, { ...JSON.parse(xhr.responseText).Result[0] }); // 上传成功接口返回数据        
+        let result = Object.assign({}, { ...JSON.parse(xhr.responseText).Result[0] }); // 上传成功接口返回数据
         result.percentComplete = 100;
         result.IsSuccess = !!result.IsSuccess;
         result.uploadStatus = result.IsSuccess ? 3 : 4; // 3上传成功；4上传失败
@@ -227,7 +226,7 @@ export default class Upload extends PureComponent<Props, State> {
         }
       });
       this.setState({ uploadSuccessFiles });
-    };    
+    };
     xhr.open('POST', url, true);
     xhr.send(formData); //开始上传，发送form数据
   };
@@ -355,7 +354,7 @@ export default class Upload extends PureComponent<Props, State> {
   };
 
   render() {
-    const { children, className, style, attachmentTipText } = this.props;
+    const { children, className, style, attachmentTipText = getLocale('OKR_MyO_KRP_Draganddropu') } = this.props;
     const { uploadSuccessFiles } = this.state;
     return (
       <>

package/src/components/upload-photo-modal/constant.ts

@@ -1,3 +1,5 @@
+import { saveUserInfo, saveTenantLogo } from "./request-api";
+import Toast from '../../components/toast';
 
 export const List = [
 	{
@@ -7,6 +9,20 @@ export const List = [
 		initialAspectRatio: 1,
 		tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
 		previewTitle: '预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveUserInfo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
 	},
   {
 		id: 'enterprise',
@@ -15,6 +31,20 @@ export const List = [
 		initialAspectRatio: 5,
 		tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
 		previewTitle: 'logo 预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveTenantLogo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
 	},
   {
 		id: 'browser',
@@ -23,5 +53,19 @@ export const List = [
 		initialAspectRatio: 1,
 		tips: '图标尺寸 18*18，超过将被浏览器压缩',
 		previewTitle: '浏览器图标预览',
+    handleSaveInfo: (data, onCancel, image) => {
+      if (!image) {
+        return;
+      } else {
+        saveTenantLogo({ data: data }).then((resp) => {
+          if (resp.Code === 1) {
+            Toast.Success('保存成功', { canClose: false });
+            onCancel();
+          } else {
+            Toast.Error(resp.Message, { canClose: false });
+          }
+        });
+      }
+    },
 	}
 ];

package/src/components/upload-photo-modal/index.scss

@@ -160,7 +160,7 @@
     &-enterprise {
       &-img {
         position: absolute;
-        top: 1px;
+        top: 2px;
         right: 45px;
         width: 70px;
         height: 28px;
@@ -222,10 +222,6 @@
         display: block;
         opacity: 0;
         cursor: pointer;
-        width: 56px;
-        height: 22px;
-        position: absolute;
-        left: 124px;
       }
     }
     &-again {
@@ -238,12 +234,6 @@
       &--show {
         cursor: pointer;
         color: #2879ff;
-        &:hover {
-          color: #DFE3EA;
-        }
-      }
-      &--hover {
-        color: #DFE3EA;
       }
     }
     &-preview {

package/src/components/upload-photo-modal/index.tsx

@@ -4,18 +4,10 @@ import Cropper from 'react-cropper';
 import 'cropperjs/dist/cropper.css';
 import Toast from '../../components/toast';
 import ConditionRender from '../condition-render';
-import { saveUserInfo, saveTenantLogo, saveBrowserIcon, saveUserPhoto } from './request-api';
+import { saveUserInfo, saveTenantLogo, saveBrowserIcon } from './request-api';
 import Dialog from '../../components/dialog';
 import { List } from './constant'
 import './index.scss';
-import uuid from 'uuid';
-import { rput, rpost } from "../../utils/request";
-import axios from 'axios';
-import { getBSGlobal, getUserInfo, getTenantInfo } from '../../utils/bs-global';
-const apiServer = getBSGlobal("apiPath")
-const userid = getUserInfo().Id;
-const tenantId = getTenantInfo().Id
-
 
 const preCls = 'tita-ui-change-person-photo';
 
@@ -30,12 +22,11 @@ const ChangePhoto = (props: Props) => {
 
 	const modalRef = useRef<any>();
 
-	const [ image, setImage ] = useState('');
+	const [ image, setImage ] = useState();
 	const [ cropper, setCropper ] = useState<any>();
 	const [ cropData, setCropData ] = useState('#');
 	const [ userInfo, setUserInfo ] = useState({ Avatar: '' });
   const [item] = useState(List.find(item => item.id === type));
-  const [isEnter, setIsEnter] = useState(false);
 
 	const cropperRef = useRef<HTMLImageElement>(null);
 
@@ -54,160 +45,77 @@ const ChangePhoto = (props: Props) => {
 		reader.readAsDataURL(files[0]);
 	};
 
-
-  const dataURLtoFile = (dataurl, filename)  => {
-    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
-        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
-    while(n--){
-        u8arr[n] = bstr.charCodeAt(n);
-    }
-    return new File([u8arr], filename, {type:mime});
-}
-
-
 	const onCrop = () => {
-
 		const imageElement: any = cropperRef.current;
 		const cropper: any = imageElement.cropper;
-
 		setCropData(cropper.getCroppedCanvas().toDataURL());
 		setUserInfo(cropper.getCroppedCanvas().toDataURL());
 
     let base64Url = cropper.getCroppedCanvas().toDataURL();
-
-    const newFile = dataURLtoFile(base64Url, 'test1234');
-    console.log(newFile);
-    
-
+    //将base64转换成blob
+    let FileOrBlob = dataURLtoBlob(base64Url);
+    //添加到formdata
     let formData = new FormData();
+    formData.append('file', FileOrBlob, "file_" + Date.parse(new Date()) + ".png");
+    setCropper(formData)
+	};
 
-    formData.append('file', newFile);
+  const dataURLtoBlob = (urlData) => {
+    var bytes = window.atob(urlData.split(',')[1]);   
+    var ab = new ArrayBuffer(bytes.length);
+    var ia = new Uint8Array(ab);
+    for (var i = 0; i < bytes.length; i++) {
+      ia[i] = bytes.charCodeAt(i);
+    }
+    return new Blob([ab], { type: 'image/png' });
+  }
 
-    console.log(formData);
-    setCropper(formData);
+	const handleSaveUserInfo = () => {
+		if (!image) {
+			return;
+		} else {
+			saveUserInfo({ data: userInfo }).then((resp) => {
+				if (resp.Code === 1) {
+					Toast.Success('保存成功', { canClose: false });
+					onCancel();
+				} else {
+					Toast.Error(resp.Message, { canClose: false });
+				}
+			});
+		}
 	};
-
   const handleSaveInfo =  () => {
-    let timestamp = new Date().getTime(); // 给每个文件加一个时间戳
     if (!image) {
       return;
-    } else {
-      if(type === "person")  {
-        saveUserPhoto(cropper).then((resp) => {
-          if (resp.Code === 1) {
-            Toast.Success('保存成功', { canClose: false });
-            onCancel();
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-      } else if(type === "enterprise") {  
-        // console.log(cropper);
-              
-        saveTenantLogo( cropper ).then((resp) => {
-          if (resp.Code === 1) {
-            Toast.Success('保存成功', { canClose: false });
-            onCancel();
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-        // axios({headers: {
-        //   'Content-Type': 'multipart/form-data',
-        // },
-        // method: 'post',
-        // data: cropper,
-        // url: `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo?format=json&timestamp=${timestamp}`})
-        // dealSelectFiles(image)
-      }  else {
-        saveBrowserIcon( cropper ).then((resp) => {
-          if (resp.Code === 1) {
-            Toast.Success('保存成功', { canClose: false });
-            onCancel();
-          } else {
-            Toast.Error(resp.Message, { canClose: false });
-          }
-        });
-      }  
+    } else {      
+      saveTenantLogo( cropData ).then((resp) => {
+        if (resp.Code === 1) {
+          Toast.Success('保存成功', { canClose: false });
+          onCancel();
+        } else {
+          Toast.Error(resp.Message, { canClose: false });
+        }
+      });
     }
   };
 
-  const [uploadSuccessFile, setUploadSuccessFile] = useState();
-
-
-  const dealSelectFiles = (uploadSelectFile) => {
-
-    let uploadStartFiles = []; // 开始上传的文件
-      let formData = new FormData(); // FormData 对象
-      let uploadStartFile;
-      let timestamp = new Date().getTime(); // 给每个文件加一个时间戳
-      // let uploadFileType = uploadSelectFile.name.substring(uploadSelectFile.name.lastIndexOf('.') + 1);
-
-      uploadStartFile = {
-        FileName: uploadSelectFile.name,
-        // FileType: _dealAttachmentType(uploadFileType).FileType,
-        FileSize: uploadSelectFile.size,
-        FileLastModified: uploadSelectFile.lastModified,
-        // IsImage: _dealAttachmentType(uploadFileType).IsImage,
-        percentComplete: 0,
-        uploadStatus: 1, // 开始上传
-        IsSuccess: false,
-        uid: uuid(),
-        _smallImageUrl: '',
-        _bigImageUrl: '',
-        MediaType: '',
-        UserId: 0,
-        MaxDocCount: 0,
-        DfsPath: '',
-        ClientUrl: '',
-        SmallImageUrl: '',
-        BigImageUrl: '',
-        DownloadUrl: '',
-        Msg: '',
-        AllowUploadAttachmentSize: 50,
-        Deleteable: true,
-        requestXHR: new XMLHttpRequest(), //在这创建是为了取消用
-      };
-
-      // uploadStartFiles.push(uploadStartFile);
-      // _dealUploadStart(uploadStartFiles); // 处理开始上传的文件
-      formData.append('file', uploadSelectFile);
-      let url = `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo`;
-      _dealUploadXHRRequest(formData, url, uploadStartFile);
-  };
-
-  /**
-   * 处理文件上传请求
-   *
-   * @formData
-   * @url 上传文件请求地址
-   * @uploadStartFile 上传的文件
-   *
-   * @memberof Upload
-   */
-  const _dealUploadXHRRequest = (formData: any, url: string, uploadStartFile) => {
-    let xhr = uploadStartFile.requestXHR;
-    xhr.onreadystatechange = () => {
-      if (xhr.readyState == 4 && xhr.status == 200) {
-        let result = Object.assign({}, { ...JSON.parse(xhr.responseText).Result[0] }); // 上传成功接口返回数据
-        result.percentComplete = 100;
-        result.IsSuccess = !!result.IsSuccess;
-        result.uploadStatus = result.IsSuccess ? 3 : 4; // 3上传成功；4上传失败
-        // _dealUploadSuccess({ ...uploadStartFile, ...result });
-      }
-    };
-    xhr.open('POST', url, true);
-    xhr.send(formData); //开始上传，发送form数据
+  const handleBrowserIconSaveInfo =  () => {
+    if (!image) {
+      return;
+    } else { 
+      console.log(cropper);
+            
+      saveBrowserIcon( cropper ).then((resp) => {
+        if (resp.Code === 1) {
+          Toast.Success('保存成功', { canClose: false });
+          onCancel();
+        } else {
+          Toast.Error(resp.Message, { canClose: false });
+        }
+      });
+    }
   };
 
-  const handleEnterAgain = () => {
-    setIsEnter(true);
-  }
-
-  const handleLeaveAgain = () => {
-    setIsEnter(false);
-  }
-
 	return (
 		<Dialog
 			visible={visible}
@@ -222,7 +130,7 @@ const ChangePhoto = (props: Props) => {
 			onCancel={onCancel}
 			okText="保存"
 			noFooterLine
-			onOk={handleSaveInfo}
+			onOk={handleBrowserIconSaveInfo}
 		>
 			<div className={preCls}>
 				{!image ? 
@@ -312,10 +220,8 @@ const ChangePhoto = (props: Props) => {
 						type="file"
 						onChange={onChange}
 						className={classNames(`${preCls}__title-input`, { [`${preCls}__title-input--show`]: image })}
-            onMouseEnter={handleEnterAgain}
-            onMouseLeave={handleLeaveAgain}
 					/>
-					<span className={classNames(`${preCls}__title-again`, { [`${preCls}__title-again--show`]: image },{ [`${preCls}__title-again--hover`]: isEnter })}>
+					<span className={classNames(`${preCls}__title-again`, { [`${preCls}__title-again--show`]: image })}>
 						重新上传
 					</span>
 					<ConditionRender condition={type === 'person'}>

package/src/components/upload-photo-modal/request-api.ts

@@ -8,26 +8,16 @@ export const getUserInfoFun = () => {
 
 export const saveUserInfo = ({ data }) => {
   return rput("v1")("manage/user/update", data, {
-    "headers": { "Content-Type": "multipart/form-data"},
+    "headers": { "Content-Type": "application/x-www-form-urlencoded" },
     "transformRequest": qs.stringify,
   });
 };
 
-export const saveUserPhoto = (params)  => {
-  return rpost("v1")("manage/user/avatar", params, {
-    "headers": { "Content-Type": "multipart/form-data"},
-  });
-}
-
 export const saveTenantLogo = (params)  => {
-  return rpost("v1")("tenant/update/logo", params, {
-    "headers": { "Content-Type": "multipart/form-data"},
-  });
+  return rpost("v1")("tenant/update/logo", params);
 }
 
 export const saveBrowserIcon = (params)  => {
-  return rpost("v1")("tenant/update/browerIcon", params, {
-    "headers": { "Content-Type": "multipart/form-data"},
-  });
+  return rpost("v1")("tenant/update/browerIcon", params);
 }
 

package/src/components/upvote/attitude.ts

@@ -1,32 +1,36 @@
-export default [
-  {
-    type: 2,
-    tittle: '祝贺',
-    img: require('./img/welldone.svg'),
-  },
-  {
-    type: 4,
-    tittle: '加油',
-    img: require('./img/fighting.svg'),
-  },
-  {
-    type: 3,
-    tittle: '比心',
-    img: require('./img/bixin.svg'),
-  },
-  {
-    type: 6,
-    tittle: '666',
-    img: require('./img/666.svg'),
-  },
-  {
-    type: 5,
-    tittle: '有见地',
-    img: require('./img/nice.svg'),
-  },
-  {
-    type: 1,
-    tittle: '点赞',
-    img: require('./img/thumb-up.svg'),
-  },
-];
+import { getLocale } from "../../utils/getLocale";
+
+export default () => {
+  return [
+    {
+      type: 2,
+      tittle: getLocale('Pro_page_Int_Butt_Congratulate'),
+      img: require('./img/welldone.svg'),
+    },
+    {
+      type: 4,
+      tittle: getLocale('Pro_page_Int_Butt_Comeon'),
+      img: require('./img/fighting.svg'),
+    },
+    {
+      type: 3,
+      tittle: getLocale('Pro_page_Int_Butt_Finheart'),
+      img: require('./img/bixin.svg'),
+    },
+    {
+      type: 6,
+      tittle: '666',
+      img: require('./img/666.svg'),
+    },
+    {
+      type: 5,
+      tittle: getLocale('Pro_page_Int_Beinsightful'),
+      img: require('./img/nice.svg'),
+    },
+    {
+      type: 1,
+      tittle: getLocale('Mod_Kudos'),
+      img: require('./img/thumb-up.svg'),
+    },
+  ]
+};