From f2b99a12e07e478c2e7f2622da1e46f1a8f85d14 Mon Sep 17 00:00:00 2001
From: Juan Rodrigo Venegas Boesch <jrvboesch@gmail.com>
Date: Mon, 23 Jul 2018 13:25:40 -0600
Subject: [PATCH] NoticeIcon new feature

---
 src/components/NoticeIcon/index.d.ts     | 1 +
 src/components/NoticeIcon/index.en-US.md | 1 +
 src/components/NoticeIcon/index.js       | 5 +++--
 src/components/NoticeIcon/index.zh-CN.md | 1 +
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/NoticeIcon/index.d.ts b/src/components/NoticeIcon/index.d.ts
index 52c4dea3..25d42623 100644
--- a/src/components/NoticeIcon/index.d.ts
+++ b/src/components/NoticeIcon/index.d.ts
@@ -3,6 +3,7 @@ import NoticeIconTab, { INoticeIconData } from './NoticeIconTab';
 
 export interface INoticeIconProps {
   count?: number;
+  bell?: React.ReactNode;
   className?: string;
   loading?: boolean;
   onClear?: (tableTile: string) => void;
diff --git a/src/components/NoticeIcon/index.en-US.md b/src/components/NoticeIcon/index.en-US.md
index 3ee5677b..95c3f7b4 100644
--- a/src/components/NoticeIcon/index.en-US.md
+++ b/src/components/NoticeIcon/index.en-US.md
@@ -12,6 +12,7 @@ order: 9
 Property | Description | Type | Default
 ----|------|-----|------
 count | Total number of messages | number | -
+bell | Change the bell Icon | ReactNode | `<Icon type='bell' />`
 loading | Popup card loading status | boolean | false
 onClear | Click to clear button the callback  | function(tabTitle) | -
 onItemClick | Click on the list item's callback | function(item, tabProps) | -
diff --git a/src/components/NoticeIcon/index.js b/src/components/NoticeIcon/index.js
index 120daedf..6d3017f3 100644
--- a/src/components/NoticeIcon/index.js
+++ b/src/components/NoticeIcon/index.js
@@ -65,13 +65,14 @@ export default class NoticeIcon extends PureComponent {
   }
 
   render() {
-    const { className, count, popupAlign, popupVisible, onPopupVisibleChange } = this.props;
+    const { className, count, popupAlign, popupVisible, onPopupVisibleChange, bell } = this.props;
     const noticeButtonClass = classNames(className, styles.noticeButton);
     const notificationBox = this.getNotificationBox();
+    const NoticeBellIcon = bell || <Icon type="bell" className={styles.icon} />;
     const trigger = (
       <span className={noticeButtonClass}>
         <Badge count={count} style={{ boxShadow: 'none' }} className={styles.badge}>
-          <Icon type="bell" className={styles.icon} />
+          {NoticeBellIcon}
         </Badge>
       </span>
     );
diff --git a/src/components/NoticeIcon/index.zh-CN.md b/src/components/NoticeIcon/index.zh-CN.md
index b5aa3c8f..e5d96c85 100644
--- a/src/components/NoticeIcon/index.zh-CN.md
+++ b/src/components/NoticeIcon/index.zh-CN.md
@@ -12,6 +12,7 @@ order: 9
 参数 | 说明 | 类型 | 默认值
 ----|------|-----|------
 count | 图标上的消息总数 | number | -
+bell | translate this please -> Change the bell Icon | ReactNode | `<Icon type='bell' />`
 loading | 弹出卡片加载状态 | boolean | false
 onClear | 点击清空按钮的回调 | function(tabTitle) | -
 onItemClick | 点击列表项的回调 | function(item, tabProps) | -
-- 
GitLab