nygardk · aautio · Feb 16, 2019 · Dec 18, 2018 · Feb 16, 2019
diff --git a/README.md b/README.md
@@ -32,6 +32,8 @@ Migrating from v1 to v2? Read [migration notes](./migrate-v1-to-v2.md).
   - Workplace
   - Line
   - Weibo
+  - Pocket
+  - Instapaper
   - email
 * share counts for
   - Facebook
@@ -91,6 +93,8 @@ import {
   ViberShareButton,
   WorkplaceShareButton,
   LineShareButton,
+  PocketShareButton,
+  InstapaperShareButton,
   EmailShareButton,
 } from 'react-share';
 ```
@@ -117,6 +121,8 @@ import {
 |LineShareButton|-|__`title`__: Title of the shared page (string)|
 |WeiboShareButton|-|__`title`__: Title of the shared page (string)<br/>__`image`__: An absolute link to the image that will be shared (string)|
 |EmailShareButton|-|__`subject`__: Title of the shared page (string)<br/>__`body`__: Body of the email (string), will be prepended to the url.<br/>__`separator`__: Separates body from the url, default: " " (string)<br/>__`openWindow`__: Opens the mail client in a new window. Defaults to false (bool)|
+|PocketShareButton|-|__`title`__: Title of the shared page (string). Note that if Pocket detects a title tag on the page being saved, this parameter will be ignored and the title tag of the saved page will be used instead.|
+|InstapaperShareButton|-|__`title`__: Title of the shared page (string)<br/>__`description`__: Description of the shared page (string)|
 
 ### Share counts
 
@@ -171,6 +177,8 @@ import {
   ViberIcon,
   WorkplaceIcon,
   LineIcon,
+  PocketIcon,
+  InstapaperIcon,
   EmailIcon,
 } from 'react-share';
 ```

diff --git a/demo/Demo.jsx b/demo/Demo.jsx
@@ -26,6 +26,8 @@ import {
   WorkplaceShareButton,
   LineShareButton,
   WeiboShareButton,
+  PocketShareButton,
+  InstapaperShareButton,
 
   FacebookIcon,
   TwitterIcon,
@@ -43,6 +45,8 @@ import {
   ViberIcon,
   WorkplaceIcon,
   LineIcon,
+  PocketIcon,
+  InstapaperIcon,
 } from 'react-share';
 
 import './Demo.css';
@@ -279,6 +283,28 @@ class Demo extends Component {
             <img className="Demo__some-network__custom-icon" src="http://icons.iconarchive.com/icons/martz90/circle-addon2/512/weibo-icon.png" alt="Weibo share button" />
           </WeiboShareButton>
         </div>
+
+        <div className="Demo__some-network">
+          <PocketShareButton
+            url={shareUrl}
+            title={title}
+            className="Demo__some-network__share-button">
+            <PocketIcon
+              size={32}
+              round />
+          </PocketShareButton>
+        </div>
+
+        <div className="Demo__some-network">
+          <InstapaperShareButton
+            url={shareUrl}
+            title={title}
+            className="Demo__some-network__share-button">
+            <InstapaperIcon
+              size={32}
+              round />
+          </InstapaperShareButton>
+        </div>
       </div>
     );
   }

diff --git a/docs/index.html b/docs/index.html
@@ -5,5 +5,5 @@
     <title>react-share demo | Social media share buttons and share counts for React.</title>
   </head>
   <body>
-  <script type="text/javascript" src="main.51069f68eb45405d116c.bundle.js"></script></body>
+  <script type="text/javascript" src="main.bb5e03d2eeb9771e6839.bundle.js"></script></body>
 </html>
diff --git a/docs/main.51069f68eb45405d116c.bundle.js → docs/main.bb5e03d2eeb9771e6839.bundle.js b/docs/main.51069f68eb45405d116c.bundle.js → docs/main.bb5e03d2eeb9771e6839.bundle.js
diff --git a/src/InstapaperIcon.js b/src/InstapaperIcon.js
@@ -0,0 +1,9 @@
+import iconFactory from './utils/iconFactory';
+
+const InstapaperIcon = iconFactory('instapaper', {
+  icon: 'M35.688 43.012c0 2.425.361 2.785 3.912 3.056V48H24.401v-1.932c3.555-.27 3.912-.63 3.912-3.056V20.944c0-2.379-.36-2.785-3.912-3.056V16H39.6v1.888c-3.55.27-3.912.675-3.912 3.056v22.068h.001z',
+  mask: 'M0,0v64h64V0H0z M35.688 43.012c0 2.425.361 2.785 3.912 3.056V48H24.401v-1.932c3.555-.27 3.912-.63 3.912-3.056V20.944c0-2.379-.36-2.785-3.912-3.056V16H39.6v1.888c-3.55.27-3.912.675-3.912 3.056v22.068h.001z',
+  color: '#1F1F1F',
+});
+
+export default InstapaperIcon;
diff --git a/src/InstapaperShareButton.js b/src/InstapaperShareButton.js
@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+
+import assert from 'assert';
+
+import createShareButton from './utils/createShareButton';
+import objectToGetParams from './utils/objectToGetParams';
+
+function instapaperLink(url, { title, description }) {
+  assert(url, 'instapaper.url');
+
+  return 'http://www.instapaper.com/hello2' + objectToGetParams({
+    url,
+    title,
+    description,
+  });
+}
+
+const InstapaperShareButton = createShareButton('instapaper', instapaperLink, props => ({
+  title: props.title,
+  description: props.description,
+}), {
+  title: PropTypes.string,
+  description: PropTypes.string,
+}, {
+  windowWidth: 500,
+  windowHeight: 500,
+});
+
+export default InstapaperShareButton;
diff --git a/src/PocketIcon.js b/src/PocketIcon.js
diff --git a/src/PocketShareButton.js b/src/PocketShareButton.js
@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+
+import assert from 'assert';
+
+import createShareButton from './utils/createShareButton';
+import objectToGetParams from './utils/objectToGetParams';
+
+function pocketLink(url, { title }) {
+  assert(url, 'pocket.url');
+
+  return 'https://getpocket.com/save' + objectToGetParams({
+    url,
+    title,
+  });
+}
+
+const PocketShareButton = createShareButton('pocket', pocketLink, props => ({
+  title: props.title,
+}), {
+  title: PropTypes.string,
+}, {
+  windowWidth: 500,
+  windowHeight: 500,
+});
+
+export default PocketShareButton;
diff --git a/src/index.js b/src/index.js
@@ -22,6 +22,8 @@ export { default as ViberShareButton } from './ViberShareButton';
 export { default as WorkplaceShareButton } from './WorkplaceShareButton';
 export { default as LineShareButton } from './LineShareButton';
 export { default as WeiboShareButton } from './WeiboShareButton';
+export { default as PocketShareButton } from './PocketShareButton';
+export { default as InstapaperShareButton } from './InstapaperShareButton';
 
 export { default as FacebookIcon } from './FacebookIcon';
 export { default as TwitterIcon } from './TwitterIcon';
@@ -39,3 +41,5 @@ export { default as LivejournalIcon } from './LivejournalIcon';
 export { default as ViberIcon } from './ViberIcon';
 export { default as WorkplaceIcon } from './WorkplaceIcon';
 export { default as LineIcon } from './LineIcon';
+export { default as PocketIcon } from './PocketIcon';
+export { default as InstapaperIcon } from './InstapaperIcon';