feat: Added Threads Social and Share buttons

components/ShareButtons.js

@@ -37,6 +37,8 @@ import {
   TumblrShareButton,
   TwitterIcon,
   TwitterShareButton,
+  ThreadsIcon,
+  ThreadsShareButton,
   ViberIcon,
   ViberShareButton,
   VKIcon,
@@ -312,6 +314,16 @@ const ShareButtons = ({ post }) => {
                 <HatenaIcon size={32} round />
               </HatenaShareButton>
             )
+          case 'threads':
+            return (
+              <ThreadsShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <ThreadsIcon size={32} round />
+              </ThreadsShareButton>
+            )
           case 'qq':
             return (
               <button

package.json

@@ -43,7 +43,7 @@
     "react-facebook": "^8.1.4",
     "react-hotkeys-hook": "^4.5.0",
     "react-notion-x": "6.16.0",
-    "react-share": "^4.4.1",
+    "react-share": "^5.2.2",
     "react-tweet-embed": "~2.0.0"
   },
   "devDependencies": {

themes/simple/components/SocialButton.js

@@ -99,6 +99,15 @@ const SocialButton = () => {
             <i className='fab fa-youtube transform hover:scale-125 duration-150' />
           </a>
         )}
+        {siteConfig('CONTACT_THREADS') && (
+          <a
+            target='_blank'
+            rel='noreferrer'
+            title={'threads'}
+            href={siteConfig('CONTACT_THREADS')}>
+            <i className='fab fa-threads transform hover:scale-125 duration-150' />
+          </a>
+        )}
       </div>
     </div>
   )