Localize example and mock data of GlobalHeader and notification

mock/notices.js

@@ -5,14 +5,14 @@ const getNotices = (req, res) =>
       avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
       title: '你收到了 14 份新周报',
       datetime: '2017-08-09',
-      type: '通知',
+      type: 'notification',
     },
     {
       id: '000000002',
       avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
       title: '你推荐的 曲妮妮 已通过第三轮面试',
       datetime: '2017-08-08',
-      type: '通知',
+      type: 'notification',
     },
     {
       id: '000000003',
@@ -20,21 +20,21 @@ const getNotices = (req, res) =>
       title: '这种模板可以区分多种通知类型',
       datetime: '2017-08-07',
       read: true,
-      type: '通知',
+      type: 'notification',
     },
     {
       id: '000000004',
       avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
       title: '左侧图标用于区分不同的类型',
       datetime: '2017-08-07',
-      type: '通知',
+      type: 'notification',
     },
     {
       id: '000000005',
       avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
       title: '内容不要超过两行字，超出时自动截断',
       datetime: '2017-08-07',
-      type: '通知',
+      type: 'notification',
     },
     {
       id: '000000006',
@@ -42,7 +42,7 @@ const getNotices = (req, res) =>
       title: '曲丽丽 评论了你',
       description: '描述信息描述信息描述信息',
       datetime: '2017-08-07',
-      type: '消息',
+      type: 'message',
     },
     {
       id: '000000007',
@@ -50,7 +50,7 @@ const getNotices = (req, res) =>
       title: '朱偏右 回复了你',
       description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
       datetime: '2017-08-07',
-      type: '消息',
+      type: 'message',
     },
     {
       id: '000000008',
@@ -58,7 +58,7 @@ const getNotices = (req, res) =>
       title: '标题',
       description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
       datetime: '2017-08-07',
-      type: '消息',
+      type: 'message',
     },
     {
       id: '000000009',
@@ -66,7 +66,7 @@ const getNotices = (req, res) =>
       description: '任务需要在 2017-01-12 20:00 前启动',
       extra: '未开始',
       status: 'todo',
-      type: '待办',
+      type: 'event',
     },
     {
       id: '000000010',
@@ -74,7 +74,7 @@ const getNotices = (req, res) =>
       description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
       extra: '马上到期',
       status: 'urgent',
-      type: '待办',
+      type: 'event',
     },
     {
       id: '000000011',
@@ -82,7 +82,7 @@ const getNotices = (req, res) =>
       description: '指派竹尔于 2017-01-09 前完成更新并发布',
       extra: '已耗时 8 天',
       status: 'doing',
-      type: '待办',
+      type: 'event',
     },
     {
       id: '000000012',
@@ -90,7 +90,7 @@ const getNotices = (req, res) =>
       description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
       extra: '进行中',
       status: 'processing',
-      type: '待办',
+      type: 'event',
     },
   ]);
 

src/components/GlobalHeader/RightContent.js

@@ -88,7 +88,11 @@ export default class GlobalHeaderRight extends PureComponent {
         <HeaderSearch
           className={`${styles.action} ${styles.search}`}
           placeholder={formatMessage({ id: 'component.globalHeader.search' })}
-          dataSource={['搜索提示一', '搜索提示二', '搜索提示三']}
+          dataSource={[
+            formatMessage({ id: 'component.globalHeader.search.example1' }),
+            formatMessage({ id: 'component.globalHeader.search.example2' }),
+            formatMessage({ id: 'component.globalHeader.search.example3' }),
+          ]}
           onSearch={value => {
             console.log('input', value); // eslint-disable-line
           }}
@@ -119,19 +123,19 @@ export default class GlobalHeaderRight extends PureComponent {
           popupAlign={{ offset: [20, -16] }}
         >
           <NoticeIcon.Tab
-            list={noticeData['通知']}
+            list={noticeData.notification}
             title={formatMessage({ id: 'component.globalHeader.notification' })}
             emptyText={formatMessage({ id: 'component.globalHeader.notification.empty' })}
             emptyImage="https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg"
           />
           <NoticeIcon.Tab
-            list={noticeData['消息']}
+            list={noticeData.message}
             title={formatMessage({ id: 'component.globalHeader.message' })}
             emptyText={formatMessage({ id: 'component.globalHeader.message.empty' })}
             emptyImage="https://gw.alipayobjects.com/zos/rmsportal/sAuJeJzSKbUmHfBQRzmZ.svg"
           />
           <NoticeIcon.Tab
-            list={noticeData['待办']}
+            list={noticeData.event}
             title={formatMessage({ id: 'component.globalHeader.event' })}
             emptyText={formatMessage({ id: 'component.globalHeader.event.empty' })}
             emptyImage="https://gw.alipayobjects.com/zos/rmsportal/HsIsxMZiWKrNUavQUXqx.svg"

src/locales/en-US.js

@@ -1,6 +1,9 @@
 export default {
   'navbar.lang': '中文',
   'component.globalHeader.search': 'Search',
+  'component.globalHeader.search.example1': 'Search example 1',
+  'component.globalHeader.search.example2': 'Search example 2',
+  'component.globalHeader.search.example3': 'Search example 3',
   'component.globalHeader.help': 'Help',
   'component.globalHeader.notification': 'Notification',
   'component.globalHeader.notification.empty': 'You have viewed all notifications.',

src/locales/zh-CN.js

@@ -3,6 +3,9 @@
 export default {
   'navbar.lang': 'English',
   'component.globalHeader.search': '站内搜索',
+  'component.globalHeader.search.example1': '搜索提示一',
+  'component.globalHeader.search.example2': '搜索提示二',
+  'component.globalHeader.search.example3': '搜索提示三',
   'component.globalHeader.help': '使用文档',
   'component.globalHeader.notification': '通知',
   'component.globalHeader.notification.empty': '你已查看所有通知',