fix social media share buttons with proper react-share props

Signed-off-by: Rajesh-Nagarajan-11 <[email protected]>

Author: Rajesh-Nagarajan-11

src/sections/Blog/Blog-single/author.js

@@ -35,33 +35,15 @@ const AboutTheAuthor = (props) => {
             <div className="share-section">
               <h3>Share</h3>
               <div className="share-icons-container">
-                <a
-                  aria-label="Share on X"
-                  title="Share on X"
-                  href={`https://x.com/intent/tweet?text=${encodeURIComponent(shareQuote || "Check out this article!")}&url=${encodeURIComponent(location.href)}&hashtags=layer5&via=layer5`}
-                  rel="noopener noreferrer"
-                  className="icon"
-                >
+                <TwitterShareButton url={location.href} title={shareQuote || "Check out this article!"} className="icon">
                   <AiOutlineTwitter />
-                </a>
-                <a
-                  aria-label="Share on Facebook"
-                  title="Share on Facebook"
-                  href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(location.href)}&t=${encodeURIComponent(shareQuote || "Check out this article!")}`}
-                  rel="noopener noreferrer"
-                  className="icon"
-                >
+                </TwitterShareButton>
+                <FacebookShareButton url={location.href} quote={shareQuote || "Check out this article!"} className="icon">
                   <FaFacebookF />
-                </a>
-                <a
-                  aria-label="Share on Linkedin"
-                  title="Share on Linkedin"
-                  href={`https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(location.href)}&summary=${encodeURIComponent(shareQuote || "Check out this article!")}`}
-                  rel="noopener noreferrer"
-                  className="icon"
-                >
+                </FacebookShareButton>
+                <LinkedinShareButton url={location.href} title={shareQuote || "Check out this article!"} className="icon">
                   <FaLinkedin />
-                </a>
+                </LinkedinShareButton>
               </div>
             </div>
           </div>