@titaui/pc 1.8.61 → 1.9.0

package/src/components/task-relation-modal/index.tsx

@@ -14,6 +14,7 @@ import {
 } from "./helper";
 import { Context } from "./context";
 import { relationWorks, updateLable } from "./request-api";
+import { getLocale } from "../../utils/getLocale";
 
 import "./index.scss";
 interface IProps {
@@ -71,7 +72,7 @@ const TaskRelationModal = (props: IProps) => {
     if (Message) {
       Toast.Error(Message);
     } else {
-      Toast.Success("操作成功");
+      Toast.Success(getLocale('Mod_Successfuloperat'));
     }
   };
   const updateRelation = async () => {
@@ -86,7 +87,7 @@ const TaskRelationModal = (props: IProps) => {
       if (Message) {
         Toast.Error(Message);
       } else {
-        Toast.Success("操作成功");
+        Toast.Success(getLocale('Mod_Successfuloperat'));
       }
     }
   };
@@ -126,7 +127,7 @@ const TaskRelationModal = (props: IProps) => {
   const renderCateGory = () =>{
     return(
       <span className={`${preCls}__catetory-set`} onClick={openLableSetting}>
-      分类设置
+      {getLocale('Tasks_Menu_Category')}
     </span>)
   }
 
@@ -166,21 +167,21 @@ const TaskRelationModal = (props: IProps) => {
               className={`${preCls}__tabs`}
             >
               {isOpenOkrManage && (
-                <TabPane key="okr" tab="关联OKR">
+                <TabPane key="okr" tab={getLocale('Tasks_Menu_AffiliateOKR')}>
                   <div className={`${preCls}__content`}>
                     <OkrTree multiple={multiple} />
                   </div>
                 </TabPane>
               )}
               {isOpenWorkManage && (
-                <TabPane key="work" tab="关联项目">
+                <TabPane key="work" tab={getLocale('OKR_MyO_E_Butt_AssProjects')}>
                   <div className={`${preCls}__content`}>
                     <WorkTree />
                   </div>
                 </TabPane>
               )}
               {isOpenLabel && !isRelationOther && (
-                <TabPane key="category" tab="关联分类">
+                <TabPane key="category" tab={getLocale('Tasks_Menu_AffiliateCa')}>
                   <div className={`${preCls}__content`}>
                     <CategoryTree />
                   </div>

package/src/components/task-relation-modal/search/category-select.tsx

@@ -1,11 +1,12 @@
 import React, { useState } from "react";
+import { getLocale } from "../../../utils/getLocale";
 
 import SelectLayer from "../../select-layer";
 import './search-dropdown/index.scss';
 
 const CategorySelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部分类");
+  const [selectText, setSelectText] = useState(getLocale('Tasks_Menu_AllCateg'));
 
   const onChangeHandler = (key) => {
     setSelectText(key.label);
@@ -13,15 +14,15 @@ const CategorySelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部分类",
+      label: getLocale('Tasks_Menu_AllCateg'),
       value: 0,
     },
     {
-      label: "企业分类",
+      label: getLocale('Tasks_Menu_Enterprise'),
       value: 1,
     },
     {
-      label: "个人分类",
+      label: getLocale('Tasks_Menu_Personal'),
       value: 2,
     }
   ];

package/src/components/task-relation-modal/search/okr-status-select.tsx

@@ -1,10 +1,11 @@
 import React, { useState } from "react";
 import SelectLayer from "../../select-layer";
+import { getLocale } from "../../../utils/getLocale";
 import './search-dropdown/index.scss';
 
 const OkrStatusSelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部状态");
+  const [selectText, setSelectText] = useState(getLocale('OKR_MyO_Butt_AllStates'));
 
   const onChangeHandler = (key) => {
     setSelectText(key.label);
@@ -12,15 +13,15 @@ const OkrStatusSelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部状态",
+      label: getLocale('OKR_MyO_Butt_AllStates'),
       value: 0,
     },
     {
-      label: "进行中",
+      label: getLocale('Per_MyRe_text_Inprogress'),
       value: 1,
     },
     {
-      label: "已结束",
+      label: getLocale('OKR_MyO_Butt_Hasended'),
       value: 2,
     },
   ];

package/src/components/task-relation-modal/search/okr-type-select.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { getLocale } from "../../../utils/getLocale";
 
 import SelectLayer from "../../select-layer";
 // import SearchDropDown from "./search-dropdown";
@@ -6,7 +7,7 @@ import './search-dropdown/index.scss';
 
 const OkrTypeSelect = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部类型");
+  const [selectText, setSelectText] = useState(getLocale('OKR_MyO_Butt_Alltypes'));
 
   const [OkrTypeSetting] = useState(() => {
     return window.BSGlobal.OkrAdvancedSetting.KRSetting.OkrTypeSetting;
@@ -17,23 +18,23 @@ const OkrTypeSelect = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部类型",
+      label: getLocale('OKR_MyO_Butt_Alltypes'),
       value: "",
     },
     {
-      label: "公司",
+      label: getLocale('OKR_MyO_Pop_Company'),
       value: 3,
     },
     {
-      label: "部门",
+      label: getLocale('Mod_Department'),
       value: 2,
     },
     {
-      label: "团队",
+      label: getLocale('OKR_MyO_Text_Team'),
       value: 4,
     },
     {
-      label: "个人",
+      label: getLocale('OKR_MyO_Pop_Individual'),
       value: 1,
     },
   ];

package/src/components/task-relation-modal/search/principal.tsx

@@ -1,13 +1,15 @@
 import React, { useEffect, useState,useRef } from "react";
 import UserSelector from "../../user-selector";
 import SearchDropDown from "./search-dropdown";
+import { getLocale } from "../../../utils/getLocale";
 import "./search-dropdown/index.scss"
 
 const Principal = (props) => {
   const { onChange, initValue = [],setRelation,position="bottom" } = props;
   const [users, setUsers] = useState(initValue);
   const [isInit, setIsInit] = useState(false);
-  const [selectText, setSelectText] = useState("全部人员");
+  const [selectText, setSelectText] = useState(getLocale('Pro_page_Plan_Allpersonnel'));
+
   const userSelectorRef = useRef(document.createElement('div'))
   const onSelectUser = ({ users }) => setUsers(users);
 
@@ -31,7 +33,7 @@ const Principal = (props) => {
       });
       setSelectText(text)
     }else{
-      setSelectText('全部人员')
+      setSelectText(getLocale('Pro_page_Plan_Allpersonnel'))
     }
 
     isInit && onChange(users);

package/src/components/task-relation-modal/search/relation.tsx

@@ -1,15 +1,16 @@
 import React, { useState,useEffect } from "react";
+import { getLocale } from "../../../utils/getLocale";
 import SelectLayer from "../../select-layer";
 import './search-dropdown/index.scss';
 
 const Relation = (props) => {
   const { onChange, initValue } = props;
-  const [selectText, setSelectText] = useState("全部范围");
+  const [selectText, setSelectText] = useState(getLocale('Pro_page_Plan_FullRange'));
 
 
   useEffect(()=>{
     if(initValue===0){
-      setSelectText("全部范围")
+      setSelectText(getLocale('Pro_page_Plan_FullRange'))
     }
   },[initValue])
 
@@ -19,19 +20,19 @@ const Relation = (props) => {
   };
   const selectOptions = [
     {
-      label: "全部范围",
+      label: getLocale('Pro_page_Plan_FullRange'),
       value: 0,
     },
     {
-      label: "我负责的",
+      label: getLocale('OKR_Menu_Title03_Owned'),
       value: 1,
     },
     {
-      label: "我参与的",
+      label: getLocale('OKR_Menu_Title_Collaborator'),
       value: 2,
     },
     {
-      label: "我关注的",
+      label: getLocale('OKR_Menu_Title_FollowingOKRs'),
       value: 3,
     },
   ];

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

@@ -13,6 +13,7 @@ import { getCategory } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 const precls = "rel-category-tree";
 
@@ -131,16 +132,16 @@ const CategoryTree = () => {
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
         <div className={`${precls}__empty`}>
-          暂无分类
+          {getLocale('OKR_MyO_Text_Noclassifica')}
           <div className={`${precls}__empty-btn`} onClick={openLableSetting}>
-            分类设置
+            {getLocale('Tasks_Menu_Category')}
           </div>
         </div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
           </div>
           <div 
             ref={contentRef}

package/src/components/task-relation-modal/tree/category-tree/search-form.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import SearchInput from "../../../search-input";
 import CategorySelect from "../../search/category-select";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 interface IProps {
   onChange: Function;
@@ -27,7 +28,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

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

@@ -13,6 +13,7 @@ import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
 import { getBSGlobal } from "../../../../utils/bs-global";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-okr-tree";
@@ -123,14 +124,14 @@ const OkrTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无 OKR 数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_NoOKRilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div  
             ref={contentRef}

package/src/components/task-relation-modal/tree/okr-tree/search-form.tsx

@@ -5,7 +5,8 @@ import { formatPeriod } from "../../../period-selector/common";
 import SearchDropDown from "../../search/search-dropdown";
 import OkrTypeSelect from "../../search/okr-type-select";
 import Principal from "../../search/principal";
-import Relation from "../../search/relation"
+import Relation from "../../search/relation";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 interface IProps {
@@ -63,7 +64,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-okr-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

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

@@ -6,6 +6,7 @@ import { getWorks } from "../../request-api";
 import { Context } from "../../context";
 import NodeRender from "../../tree-node";
 import SearchForm from "./search-form";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-work-tree";
@@ -106,15 +107,15 @@ const WorkTree = () => {
     <div className={precls}>
       <SearchForm onChange={onQueryChangeHandler} />
       {treeNodes.length == 0 && (
-        <div className={`${precls}__empty`}>暂无项目数据</div>
+        <div className={`${precls}__empty`}>{getLocale('Tasks_Tab_MyS_Noprojectilable')}</div>
       )}
       {treeNodes.length > 0 && (
         <Fragment>
           <div className={`${precls}__header`}>
-            <span className={`${precls}__header-obj`}>关联对象</span>
-            <span className={`${precls}__header-status`}>状态</span>
-            <span className={`${precls}__header-principle`}>负责人</span>
-            <span className={`${precls}__header-time`}>起止时间</span>
+            <span className={`${precls}__header-obj`}>{getLocale('Pro_detail_AssociatedObject')}</span>
+            <span className={`${precls}__header-status`}>{getLocale('Mod_States')}</span>
+            <span className={`${precls}__header-principle`}>{getLocale('Mod_Owner')}</span>
+            <span className={`${precls}__header-time`}>{getLocale('Mod_Startendtime')}</span>
           </div>
           <div
             className={`${precls}__content`}

package/src/components/task-relation-modal/tree/work-tree/search-form.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+import { getLocale } from "../../../../utils/getLocale";
 import SearchInput from "../../../search-input";
 import OkrStatusSelect from "../../search/okr-status-select";
 import Principal from "../../search/principal";
@@ -45,7 +46,7 @@ const SearchForm = (props: IProps) => {
       <div className="rel-work-tree__search-item-keyword">
         <SearchInput
           onSearch={setKeyWords}
-          placeholder="输入关键字"
+          placeholder={getLocale('Mod_Enterkeywords')}
           style={{ height: 32, width: 240 }}
         />
       </div>

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

@@ -6,6 +6,7 @@ import Radio from "../../radio";
 import { OpenUserName } from "../../../../utils/open-data";
 import Tooltip from '../../../tooltip';
 import { formatDateStr } from "../../helper";
+import { getLocale } from "../../../../utils/getLocale";
 import "./index.scss";
 
 const precls = "rel-milestone-node";
@@ -36,9 +37,9 @@ const MileStone = (props: IProps) => {
   };
 
   const statusMap = {
-    1: "未开始",
-    2: "未完成",
-    3: "已完成",
+    1: getLocale('OKR_MyO_E_From_NotStarted'),
+    2: getLocale('Per_Ma_form_detail_Incomplete'),
+    3: getLocale('OKR_MyO_E_From_Completed'),
   };
   const onCheckHandler = (checked, id) => {
     checked &&

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,
@@ -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/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'),
+    },
+  ]
+};