Merge pull request #48 from Divyanshgarg-04/feat/sharePost

Added a feature to share the post using the share button

package.json

@@ -12,6 +12,7 @@
     "react-router-dom": "^6.20.0",
     "react-scripts": "5.0.1",
     "react-twitter-embed": "^4.0.4",
+    "react-web-share": "^2.0.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/Post.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import './Post.css'
+import { RWebShare } from "react-web-share";
 
 const Post = ({displayName, userName, verified, text, image, avatar,location}) => {
     return (
@@ -23,7 +24,18 @@ const Post = ({displayName, userName, verified, text, image, avatar,location}) =
                 <div className="post_footer">
                     <img width={'30px'} src="data:image/png;base64,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" alt="" />
                     <img width={'30px'} src="https://static.vecteezy.com/system/resources/thumbnails/000/284/988/small/a19.jpg" alt="" />
+                    <RWebShare
+                    data={{
+                        text: "Share Post",
+                        url: "https://mytwit.vercel.app/",
+                        title: "Capabilix",
+                    }}
+                    onClick={() =>
+                        console.log("shared successfully!")
+                    }
+                >
                     <img width={'30px'} src="https://static.vecteezy.com/system/resources/previews/014/455/886/original/share-icon-on-transparent-background-free-png.png" alt="" />
+                </RWebShare>
                     <img width={'30px'} src="https://cdn-icons-png.flaticon.com/512/786/786352.png" alt="" />
 
                 </div>