react-custom-share - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

package.json

 {
   "name": "react-custom-share",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Social sharing buttons for React",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

 # react-custom-share
 
+Social media share buttons for ReactJS. Use one of the built-in button themes or create a custom one from scratch.
+
 [![npm packgage][npm version]][nv]
@@ -15,6 +17,16 @@ [![npm][npm downloads]][nd]
 
-Social media share buttons for ReactJS. Use one of the built-in button themes or create a custom one from scratch.
-
 ![react-custom-share](./static/react-custom-share.gif)
 
+> ### [DEMO](https://greglobinski.github.io/react-custom-share/)
+
+## Table of Content
+
+* [Features](#features)
+* [Roadmap](#roadmap)
+* [Installation](#installation)
+* [Usage](#usage)
+* [Demo](#demo)
+* [API](#api)
+* [License](#license)
+
 ## Features
@@ -92,3 +104,3 @@
   const shareBlockProps = {
-    url: 'https://github.com/greglobinski/react-custom-share',
+    url: 'https://mywebsite.com/page-to-share/',
     button: ShareButtonRectangle,
@@ -100,12 +112,7 @@ buttons: [
       { network: 'Email', icon: FaEnvelope },
-      {
-        network: 'Pinterest',
-        icon: FaPinterest,
-        media:
-          'https://raw.githubusercontent.com/greglobinski/react-custom-share/master/static/react-custom-share.gif',
-      },
+      { network: 'Pinterest', icon: FaPinterest, media: 'https://mywebsite.com/image-to-share.jpg' },
       { network: 'Linkedin', icon: FaLinkedin },
     ],
-    text: `Give it a try - react-custom-share component`,
-    longtext: `Social sharing buttons for React. Use one of the build-in themes or create a custom one from the scratch.`,
+    text: `Give it a try - mywebsite.com `,
+    longtext: `Take a look at this super website I have just found.`,
   };
@@ -151,2 +158,3 @@
   ShareBlock,
+
   // styled button components
@@ -158,2 +166,3 @@ ShareButtonRoundSquare,
   ShareButtonOutline,
+
   // styled block components
@@ -168,4 +177,3 @@ ShareBlockStandard,
 ShareButton.propTypes = {
-  // required props
-
+  /* REQUIRED props */
   // network: social network name, one of the list: Twitter, Facebook, GooglePlus, Pinterest, Linkedin or Email
@@ -178,2 +186,3 @@ network: PropTypes.string.isRequired,
 
+  /* SPECIAL props */
   // media: this is a special 'prop' it's required is network's value is 'Pinterest'
@@ -189,4 +198,3 @@ media: function(props, propName, componentName) {
 
-  // optional props
-
+  /* OPTIONAL props */
   // text: short version of message you want to share with the url
@@ -205,2 +213,4 @@ text: PropTypes.string,
 ShareBlock.propTypes = {
+
+  /* BUTTON's props */
   // props applied to each one of the buttons rendered by the block, explained already above
@@ -213,4 +223,3 @@ url: PropTypes.string.isRequired,
 
-  // block's own props
-
+  /* BLOCK's own props */
   // text to render above the buttons
@@ -217,0 +226,0 @@ header: PropTypes.string,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

Possible typosquat attack

Supply chain risk

There is a package with a similar name that is downloaded much more often.

Did you mean
react-share

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47730

increased by0.22%

Number of lines in readme file

285

increased by3.26%

Number of critical supply chain risk alerts

0

decreased by-100%

No dependency changes