From ebcdcd1d5f76d10e2ee042cbcb53d5e1ee422e44 Mon Sep 17 00:00:00 2001
From: Danilo Woznica <danilowoz@gmail.com>
Date: Tue, 24 Jan 2017 14:06:50 -0200
Subject: [PATCH] Correct writing

---
 README.md             | 5 ++---
 src/FacebookStyle.js  | 2 +-
 src/InstagramStyle.js | 2 +-
 src/index.js          | 4 ++--
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 07bc00d..e42c7ed 100755
--- a/README.md
+++ b/README.md
@@ -25,14 +25,13 @@ const MyPage = () => (<ContentLoader />);
 | type | _String_ | `facebook` | Options: `facebook`, `instagram` |
 | speed | _Number_ | `2` | Animation speed |
 | primaryColor | _String_ | `#f3f3f3` | Background the SVG | 
-| secundaryColor | _String_ | `ecebeb` | Animation color | 
+| secondaryColor | _String_ | `#ecebeb` | Animation color | 
 
 
 ### Todo
 - [ ] Code component;
 - [ ] List component;
-- [ ] Test in several browser;
-- [ ] Better documentation;
+- [ ] Test in multiples browser;
 - [ ] A more useful new project;
 
 #### Credits
diff --git a/src/FacebookStyle.js b/src/FacebookStyle.js
index e923ed4..44fcdc2 100644
--- a/src/FacebookStyle.js
+++ b/src/FacebookStyle.js
@@ -20,7 +20,7 @@ const FacebookStyle = (props ) => {
                     <stop offset="0%" stopColor={props.primaryColor}>
                         <animate attributeName="offset" values="-2; 1" dur={`${props.speed}s`} repeatCount="indefinite" />
                     </stop>
-                    <stop offset="50%" stopColor={props.secundaryColor}>
+                    <stop offset="50%" stopColor={props.secondaryColor}>
                         <animate attributeName="offset" values="-1.5; 1.5" dur={`${props.speed}s`} repeatCount="indefinite" />
                     </stop>
                     <stop offset="100%" stopColor={props.primaryColor}>
diff --git a/src/InstagramStyle.js b/src/InstagramStyle.js
index cc32efa..204064b 100644
--- a/src/InstagramStyle.js
+++ b/src/InstagramStyle.js
@@ -18,7 +18,7 @@ const InstagramStyle = (props ) => {
                     <stop offset="0%" stopColor={props.primaryColor}>
                         <animate attributeName="offset" values="-2; 1" dur={`${props.speed}s`} repeatCount="indefinite" />
                     </stop>
-                    <stop offset="50%" stopColor={props.secundaryColor}>
+                    <stop offset="50%" stopColor={props.secondaryColor}>
                         <animate attributeName="offset" values="-1.5; 1.5" dur={`${props.speed}s`} repeatCount="indefinite" />
                     </stop>
                     <stop offset="100%" stopColor={props.primaryColor}>
diff --git a/src/index.js b/src/index.js
index a8bff80..b013354 100755
--- a/src/index.js
+++ b/src/index.js
@@ -27,7 +27,7 @@ class ContentLoader extends Component {
             type: props.type || 'facebook',
             speed: props.speed || 2,
             primaryColor: props.primaryColor || '#f3f3f3',
-            secundaryColor: props.secundaryColor || '#ecebeb',
+            secondaryColor: props.secondaryColor || '#ecebeb',
             classNameHash: hashCode()
         }
     }
@@ -57,7 +57,7 @@ ContentLoader.propTypes = {
   type: React.PropTypes.string,
   speed: React.PropTypes.number,
   primaryColor: React.PropTypes.string,
-  secundaryColor: React.PropTypes.string
+  secondaryColor: React.PropTypes.string
 }
 
 export default ContentLoader