ScoopIt button

example/index.html

@@ -32,6 +32,12 @@
     div#app a {
         margin-right:5px;
     }
+    .scoop-it-icon {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        background-image: url('http://www.scoop.it/resources/img/V4/presscoverage/logo/it_24.png')
+    }
 </style>
 <script type="text/babel">
 
@@ -45,6 +51,7 @@
     var TumblrButton = ReactSocial.TumblrButton;
     var XingButton = ReactSocial.XingButton;
     var EmailButton = ReactSocial.EmailButton;
+    var ScoopItButton = ReactSocial.ScoopItButton;
 
     var App = React.createClass({
         render: function () {
@@ -82,6 +89,9 @@
                 <TumblrButton title="Share via Tumblr" message={message} url={link} element="a" className="">
                     <i className="fa fa-tumblr"/>
                 </TumblrButton>
+                <ScoopItButton title="Share via ScoopIt" message={message} url={link} element="a" className="">
+                    <i className="scoop-it-icon" />
+                </ScoopItButton>
             </div>
             );
         }
@@ -90,4 +100,4 @@
     ReactDOM.render(<App />, document.getElementById('app'));
 </script>
 </body>
-</html>
+</html>

react-social.js

@@ -608,5 +608,15 @@
     }
   });
 
+  exports.ScoopItButton = createClass({
+    displayName: 'ScoopItButton'
+
+    , mixins: [Button, DefaultBlankTarget]
+
+    , constructUrl: function() {
+      return "https://www.scoop.it/bookmarklet?url=" + encodeURIComponent(this.props.url)
+    }
+  });
+
   return exports;
 });

test.js

@@ -141,3 +141,7 @@ test("TumblrButton", function (t) {
 test("PocketButton", function (t) {
   t.plan(testButton(t, "TumblrButton"));
 });
+
+test("ScoopItButton", function (t) {
+  t.plan(testButton(t, "ScoopItButton"));
+});