From 89a8df1d415a5da8e2a39886416b0445a3fc3727 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 1 Jul 2019 15:11:37 +0800
Subject: [PATCH 1/5] fix classname is undefined

---
 components/result/__tests__/__snapshots__/demo.test.js.snap | 6 +++---
 components/result/index.tsx                                 | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/result/__tests__/__snapshots__/demo.test.js.snap b/components/result/__tests__/__snapshots__/demo.test.js.snap
index cb0fac80f350..3f2793fd69a8 100644
--- a/components/result/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/result/__tests__/__snapshots__/demo.test.js.snap
@@ -143,7 +143,7 @@ exports[`renders ./components/result/demo/basic.md correctly 1`] = `
   </div>
   <p />
   <div
-    class="ant-result ant-result-403 undefined"
+    class="ant-result  ant-result-403"
   >
     <div
       class="ant-result-icon ant-result-image"
@@ -457,7 +457,7 @@ exports[`renders ./components/result/demo/basic.md correctly 1`] = `
 
 exports[`renders ./components/result/demo/complex.md correctly 1`] = `
 <div
-  class="ant-result ant-result-error undefined"
+  class="ant-result  ant-result-error"
 >
   <div
     class="ant-result-icon"
@@ -591,7 +591,7 @@ exports[`renders ./components/result/demo/complex.md correctly 1`] = `
 
 exports[`renders ./components/result/demo/customIcon.md correctly 1`] = `
 <div
-  class="ant-result ant-result-info undefined"
+  class="ant-result  ant-result-info"
 >
   <div
     class="ant-result-icon"
diff --git a/components/result/index.tsx b/components/result/index.tsx
index cc3f3d270df3..3de8eaec3295 100644
--- a/components/result/index.tsx
+++ b/components/result/index.tsx
@@ -69,17 +69,17 @@ export const OriginResult: React.SFC<ResultProps> = props => (
     {({ getPrefixCls }: ConfigConsumerProps) => {
       const {
         prefixCls: customizePrefixCls,
-        className,
+        className: customizeClassName,
         subTitle,
         title,
         style,
         children,
         status,
       } = props;
-
       const prefixCls = getPrefixCls('result', customizePrefixCls);
+      const className = classnames(prefixCls, ` ${prefixCls}-${status}`, customizeClassName);
       return (
-        <div className={`${prefixCls} ${prefixCls}-${status} ${className}`} style={style}>
+        <div className={className} style={style}>
           {renderIcon(prefixCls, props)}
           <div className={`${prefixCls}-title`}>{title}</div>
           {subTitle && <div className={`${prefixCls}-subtitle`}>{subTitle}</div>}

From 00bcb6928e7d2b7356159afbbf198ff5200794f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 1 Jul 2019 15:22:29 +0800
Subject: [PATCH 2/5] remove spaces

---
 components/result/__tests__/__snapshots__/demo.test.js.snap | 6 +++---
 components/result/index.tsx                                 | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/result/__tests__/__snapshots__/demo.test.js.snap b/components/result/__tests__/__snapshots__/demo.test.js.snap
index 3f2793fd69a8..0a0a26dd2489 100644
--- a/components/result/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/result/__tests__/__snapshots__/demo.test.js.snap
@@ -143,7 +143,7 @@ exports[`renders ./components/result/demo/basic.md correctly 1`] = `
   </div>
   <p />
   <div
-    class="ant-result  ant-result-403"
+    class="ant-result ant-result-403"
   >
     <div
       class="ant-result-icon ant-result-image"
@@ -457,7 +457,7 @@ exports[`renders ./components/result/demo/basic.md correctly 1`] = `
 
 exports[`renders ./components/result/demo/complex.md correctly 1`] = `
 <div
-  class="ant-result  ant-result-error"
+  class="ant-result ant-result-error"
 >
   <div
     class="ant-result-icon"
@@ -591,7 +591,7 @@ exports[`renders ./components/result/demo/complex.md correctly 1`] = `
 
 exports[`renders ./components/result/demo/customIcon.md correctly 1`] = `
 <div
-  class="ant-result  ant-result-info"
+  class="ant-result ant-result-info"
 >
   <div
     class="ant-result-icon"
diff --git a/components/result/index.tsx b/components/result/index.tsx
index 3de8eaec3295..05f56e643c9e 100644
--- a/components/result/index.tsx
+++ b/components/result/index.tsx
@@ -77,7 +77,7 @@ export const OriginResult: React.SFC<ResultProps> = props => (
         status,
       } = props;
       const prefixCls = getPrefixCls('result', customizePrefixCls);
-      const className = classnames(prefixCls, ` ${prefixCls}-${status}`, customizeClassName);
+      const className = classnames(prefixCls, `${prefixCls}-${status}`, customizeClassName);
       return (
         <div className={className} style={style}>
           {renderIcon(prefixCls, props)}

From 9b8ccc4ee7de1e26e898165e2e41158f628ed966 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 1 Jul 2019 15:28:02 +0800
Subject: [PATCH 3/5] add className test

---
 components/result/__tests__/index.test.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/components/result/__tests__/index.test.js b/components/result/__tests__/index.test.js
index 95614e237228..084077fa3567 100644
--- a/components/result/__tests__/index.test.js
+++ b/components/result/__tests__/index.test.js
@@ -47,4 +47,9 @@ describe('Progress', () => {
     const wrapper = mount(<Result status="404" />);
     expect(wrapper.find('.ant-result-extra')).toHaveLength(0);
   });
+
+  it('🙂  result should support className', () => {
+    const wrapper = mount(<Result status="404" title="404" className="my-result" />);
+    expect(wrapper.find('.ant-result.my-result')).toHaveLength(1);
+  });
 });

From 439b85f8d26145d5b00838c9f7f91602f246f3b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 1 Jul 2019 19:26:57 +0800
Subject: [PATCH 4/5] fix style pollution problem

---
 components/result/style/index.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/result/style/index.less b/components/result/style/index.less
index 63eb8105bf1f..e01883ec8879 100644
--- a/components/result/style/index.less
+++ b/components/result/style/index.less
@@ -8,19 +8,19 @@
   background-color: @component-background;
 
   // status color
-  &-success .anticon {
+  &-success &-icon > .anticon {
     color: @success-color;
   }
 
-  &-error .anticon {
+  &-error &-icon > .anticon {
     color: @error-color;
   }
 
-  &-info .anticon {
+  &-info &-icon > .anticon {
     color: @info-color;
   }
 
-  &-warning .anticon {
+  &-warning &-icon > .anticon {
     color: @warning-color;
   }
 

From 2c4976bbdb2bb84cf94cf8d8119c3d07e370afd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Tue, 2 Jul 2019 14:21:47 +0800
Subject: [PATCH 5/5] remove  background-color

---
 components/result/style/index.less | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/result/style/index.less b/components/result/style/index.less
index e01883ec8879..feaa6d1411e4 100644
--- a/components/result/style/index.less
+++ b/components/result/style/index.less
@@ -5,8 +5,6 @@
 
 .@{result-prefix-cls} {
   padding: 48px 32px;
-  background-color: @component-background;
-
   // status color
   &-success &-icon > .anticon {
     color: @success-color;