Add twitter icon into button

Author: ivanvs

example/twitter-example/src/App.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import TwitterLogin from 'react-twitter-auth/lib/react-twitter-login-component.js';
+import TwitterLogin from 'react-twitter-auth/lib/react-twitter-auth-component.js';
 
 class App extends Component {
 

package.json

@@ -49,6 +49,7 @@
     "webpack": "3.5.5"
   },
   "dependencies": {
+    "react-icons": "^2.2.5",
     "url-search-params-polyfill": "^2.0.0",
     "whatwg-fetch": "2.0.3"
   }

src/index.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import 'whatwg-fetch'
 import 'url-search-params-polyfill';
+import  TwitterIcon from 'react-icons/lib/fa/twitter';
 
 
 class TwitterLogin extends Component {
@@ -90,14 +91,22 @@ class TwitterLogin extends Component {
     });
   }
 
+  getDefaultButtonContent() {
+    return (
+      <span>
+        <TwitterIcon color='#00aced' size={25}/> {this.props.text}
+      </span>
+    );
+  }
+
   render() {
     const twitterButton = React.createElement(
       this.props.tag, {
         onClick: this.onButtonClick,
         style: this.props.style,
         disabled: this.props.disabled,
         className: this.props.className,
-      }, this.props.children ? this.props.children : this.props.text
+      }, this.props.children ? this.props.children : this.getDefaultButtonContent()
     );
     return twitterButton;
   }
@@ -119,7 +128,7 @@ TwitterLogin.propTypes = {
 
 TwitterLogin.defaultProps = {
   tag: 'button',
-  text: 'Sign up with Twitter',
+  text: 'Sign in with Twitter',
   disabled: false,
   dialogWidth: 600,
   dialogHeight: 400