From 7a2520d488382fbd3ea37a23acda529ef86ab641 Mon Sep 17 00:00:00 2001
From: anime <street-anime-olive@duck.com>
Date: Sat, 4 Jan 2025 20:24:46 +0800
Subject: [PATCH] =?UTF-8?q?perf(=E4=BD=BF=E7=94=A8switch=20case=E8=80=8C?=
 =?UTF-8?q?=E9=9D=9E=E8=BF=9E=E7=BB=AD=E7=9A=84if):=20=E8=99=BD=E7=84=B6?=
 =?UTF-8?q?=E6=B2=A1=E5=95=A5=E5=A4=AA=E5=A4=A7=E7=9A=84=E9=80=9F=E5=BA=A6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=8C=E4=BD=86=E6=98=AF=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E5=8F=AF=E8=AF=BB=E6=80=A7=E6=9B=B4=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ShareButtons.js | 569 ++++++++++++++++++-------------------
 1 file changed, 274 insertions(+), 295 deletions(-)

diff --git a/components/ShareButtons.js b/components/ShareButtons.js
index 5ad3bae5..29fd37b4 100644
--- a/components/ShareButtons.js
+++ b/components/ShareButtons.js
@@ -92,303 +92,282 @@ const ShareButtons = ({ post }) => {
   return (
     <>
       {services.map(singleService => {
-        if (singleService === 'facebook') {
-          return (
-            <FacebookShareButton
-              key={singleService}
-              url={shareUrl}
-              hashtag={hashTags}
-              className='mx-1'>
-              <FacebookIcon size={32} round />
-            </FacebookShareButton>
-          )
-        }
-        if (singleService === 'messenger') {
-          return (
-            <FacebookMessengerShareButton
-              key={singleService}
-              url={shareUrl}
-              appId={siteConfig('FACEBOOK_APP_ID')}
-              className='mx-1'>
-              <FacebookMessengerIcon size={32} round />
-            </FacebookMessengerShareButton>
-          )
-        }
-        if (singleService === 'line') {
-          return (
-            <LineShareButton
-              key={singleService}
-              url={shareUrl}
-              className='mx-1'>
-              <LineIcon size={32} round />
-            </LineShareButton>
-          )
-        }
-        if (singleService === 'reddit') {
-          return (
-            <RedditShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              windowWidth={660}
-              windowHeight={460}
-              className='mx-1'>
-              <RedditIcon size={32} round />
-            </RedditShareButton>
-          )
-        }
-        if (singleService === 'email') {
-          return (
-            <EmailShareButton
-              key={singleService}
-              url={shareUrl}
-              subject={titleWithSiteInfo}
-              body={body}
-              className='mx-1'>
-              <EmailIcon size={32} round />
-            </EmailShareButton>
-          )
-        }
-        if (singleService === 'twitter') {
-          return (
-            <TwitterShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              hashtags={tags}
-              className='mx-1'>
-              <TwitterIcon size={32} round />
-            </TwitterShareButton>
-          )
-        }
-        if (singleService === 'telegram') {
-          return (
-            <TelegramShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              className='mx-1'>
-              <TelegramIcon size={32} round />
-            </TelegramShareButton>
-          )
-        }
-        if (singleService === 'whatsapp') {
-          return (
-            <WhatsappShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              separator=':: '
-              className='mx-1'>
-              <WhatsappIcon size={32} round />
-            </WhatsappShareButton>
-          )
-        }
-        if (singleService === 'linkedin') {
-          return (
-            <LinkedinShareButton
-              key={singleService}
-              url={shareUrl}
-              className='mx-1'>
-              <LinkedinIcon size={32} round />
-            </LinkedinShareButton>
-          )
-        }
-        if (singleService === 'pinterest') {
-          return (
-            <PinterestShareButton
-              key={singleService}
-              url={shareUrl}
-              media={image}
-              className='mx-1'>
-              <PinterestIcon size={32} round />
-            </PinterestShareButton>
-          )
-        }
-        if (singleService === 'vkshare') {
-          return (
-            <VKShareButton
-              key={singleService}
-              url={shareUrl}
-              image={image}
-              className='mx-1'>
-              <VKIcon size={32} round />
-            </VKShareButton>
-          )
-        }
-        if (singleService === 'okshare') {
-          return (
-            <OKShareButton
-              key={singleService}
-              url={shareUrl}
-              image={image}
-              className='mx-1'>
-              <OKIcon size={32} round />
-            </OKShareButton>
-          )
-        }
-        if (singleService === 'tumblr') {
-          return (
-            <TumblrShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              tags={tags}
-              className='mx-1'>
-              <TumblrIcon size={32} round />
-            </TumblrShareButton>
-          )
-        }
-        if (singleService === 'livejournal') {
-          return (
-            <LivejournalShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              description={shareUrl}
-              className='mx-1'>
-              <LivejournalIcon size={32} round />
-            </LivejournalShareButton>
-          )
-        }
-        if (singleService === 'mailru') {
-          return (
-            <MailruShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              className='mx-1'>
-              <MailruIcon size={32} round />
-            </MailruShareButton>
-          )
-        }
-        if (singleService === 'viber') {
-          return (
-            <ViberShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              className='mx-1'>
-              <ViberIcon size={32} round />
-            </ViberShareButton>
-          )
-        }
-        if (singleService === 'workplace') {
-          return (
-            <WorkplaceShareButton
-              key={singleService}
-              url={shareUrl}
-              quote={titleWithSiteInfo}
-              hashtag={hashTags}
-              className='mx-1'>
-              <WorkplaceIcon size={32} round />
-            </WorkplaceShareButton>
-          )
-        }
-        if (singleService === 'weibo') {
-          return (
-            <WeiboShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              image={image}
-              className='mx-1'>
-              <WeiboIcon size={32} round />
-            </WeiboShareButton>
-          )
-        }
-        if (singleService === 'pocket') {
-          return (
-            <PocketShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              className='mx-1'>
-              <PocketIcon size={32} round />
-            </PocketShareButton>
-          )
-        }
-        if (singleService === 'instapaper') {
-          return (
-            <InstapaperShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              className='mx-1'>
-              <InstapaperIcon size={32} round />
-            </InstapaperShareButton>
-          )
-        }
-        if (singleService === 'hatena') {
-          return (
-            <HatenaShareButton
-              key={singleService}
-              url={shareUrl}
-              title={titleWithSiteInfo}
-              windowWidth={660}
-              windowHeight={460}
-              className='mx-1'>
-              <HatenaIcon size={32} round />
-            </HatenaShareButton>
-          )
-        }
-        if (singleService === 'qq') {
-          return (
-            <button
-              key={singleService}
-              className='cursor-pointer bg-blue-600 text-white rounded-full mx-1'>
-              <a
-                target='_blank'
-                rel='noreferrer'
-                aria-label='Share by QQ'
-                href={`http://connect.qq.com/widget/shareqq/index.html?url=${shareUrl}&sharesource=qzone&title=${title}&desc=${body}`}>
-                <i className='fab fa-qq w-8' />
-              </a>
-            </button>
-          )
-        }
-        if (singleService === 'wechat') {
-          return (
-            <button
-              onMouseEnter={openPopover}
-              onMouseLeave={closePopover}
-              aria-label={singleService}
-              key={singleService}
-              className='cursor-pointer bg-green-600 text-white rounded-full mx-1'>
-              <div id='wechat-button'>
-                <i className='fab fa-weixin w-8' />
-              </div>
-              <div className='absolute'>
-                <div
-                  id='pop'
-                  className={
-                    (qrCodeShow ? 'opacity-100 ' : ' invisible opacity-0') +
-                    ' z-40 absolute bottom-10 -left-10 bg-white shadow-xl transition-all duration-200 text-center'
-                  }>
-                  <div className='p-2 mt-1 w-28 h-28'>
-                    {qrCodeShow && <QrCode value={shareUrl} />}
-                  </div>
-                  <span className='text-black font-semibold p-1 rounded-t-lg text-sm mx-auto mb-1'>
-                    {locale.COMMON.SCAN_QR_CODE}
-                  </span>
+        switch (singleService) {
+          case 'facebook':
+            return (
+              <FacebookShareButton
+                key={singleService}
+                url={shareUrl}
+                hashtag={hashTags}
+                className='mx-1'>
+                <FacebookIcon size={32} round />
+              </FacebookShareButton>
+            )
+          case 'messenger':
+            return (
+              <FacebookMessengerShareButton
+                key={singleService}
+                url={shareUrl}
+                appId={siteConfig('FACEBOOK_APP_ID')}
+                className='mx-1'>
+                <FacebookMessengerIcon size={32} round />
+              </FacebookMessengerShareButton>
+            )
+          case 'line':
+            return (
+              <LineShareButton
+                key={singleService}
+                url={shareUrl}
+                className='mx-1'>
+                <LineIcon size={32} round />
+              </LineShareButton>
+            )
+          case 'reddit':
+            return (
+              <RedditShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                windowWidth={660}
+                windowHeight={460}
+                className='mx-1'>
+                <RedditIcon size={32} round />
+              </RedditShareButton>
+            )
+          case 'email':
+            return (
+              <EmailShareButton
+                key={singleService}
+                url={shareUrl}
+                subject={titleWithSiteInfo}
+                body={body}
+                className='mx-1'>
+                <EmailIcon size={32} round />
+              </EmailShareButton>
+            )
+          case 'twitter':
+            return (
+              <TwitterShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                hashtags={tags}
+                className='mx-1'>
+                <TwitterIcon size={32} round />
+              </TwitterShareButton>
+            )
+          case 'telegram':
+            return (
+              <TelegramShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <TelegramIcon size={32} round />
+              </TelegramShareButton>
+            )
+          case 'whatsapp':
+            return (
+              <WhatsappShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                separator=':: '
+                className='mx-1'>
+                <WhatsappIcon size={32} round />
+              </WhatsappShareButton>
+            )
+          case 'linkedin':
+            return (
+              <LinkedinShareButton
+                key={singleService}
+                url={shareUrl}
+                className='mx-1'>
+                <LinkedinIcon size={32} round />
+              </LinkedinShareButton>
+            )
+          case 'pinterest':
+            return (
+              <PinterestShareButton
+                key={singleService}
+                url={shareUrl}
+                media={image}
+                className='mx-1'>
+                <PinterestIcon size={32} round />
+              </PinterestShareButton>
+            )
+          case 'vkshare':
+            return (
+              <VKShareButton
+                key={singleService}
+                url={shareUrl}
+                image={image}
+                className='mx-1'>
+                <VKIcon size={32} round />
+              </VKShareButton>
+            )
+          case 'okshare':
+            return (
+              <OKShareButton
+                key={singleService}
+                url={shareUrl}
+                image={image}
+                className='mx-1'>
+                <OKIcon size={32} round />
+              </OKShareButton>
+            )
+          case 'tumblr':
+            return (
+              <TumblrShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                tags={tags}
+                className='mx-1'>
+                <TumblrIcon size={32} round />
+              </TumblrShareButton>
+            )
+          case 'livejournal':
+            return (
+              <LivejournalShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                description={shareUrl}
+                className='mx-1'>
+                <LivejournalIcon size={32} round />
+              </LivejournalShareButton>
+            )
+          case 'mailru':
+            return (
+              <MailruShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <MailruIcon size={32} round />
+              </MailruShareButton>
+            )
+          case 'viber':
+            return (
+              <ViberShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <ViberIcon size={32} round />
+              </ViberShareButton>
+            )
+          case 'workplace':
+            return (
+              <WorkplaceShareButton
+                key={singleService}
+                url={shareUrl}
+                quote={titleWithSiteInfo}
+                hashtag={hashTags}
+                className='mx-1'>
+                <WorkplaceIcon size={32} round />
+              </WorkplaceShareButton>
+            )
+          case 'weibo':
+            return (
+              <WeiboShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                image={image}
+                className='mx-1'>
+                <WeiboIcon size={32} round />
+              </WeiboShareButton>
+            )
+          case 'pocket':
+            return (
+              <PocketShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <PocketIcon size={32} round />
+              </PocketShareButton>
+            )
+          case 'instapaper':
+            return (
+              <InstapaperShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                className='mx-1'>
+                <InstapaperIcon size={32} round />
+              </InstapaperShareButton>
+            )
+          case 'hatena':
+            return (
+              <HatenaShareButton
+                key={singleService}
+                url={shareUrl}
+                title={titleWithSiteInfo}
+                windowWidth={660}
+                windowHeight={460}
+                className='mx-1'>
+                <HatenaIcon size={32} round />
+              </HatenaShareButton>
+            )
+          case 'qq':
+            return (
+              <button
+                key={singleService}
+                className='cursor-pointer bg-blue-600 text-white rounded-full mx-1'>
+                <a
+                  target='_blank'
+                  rel='noreferrer'
+                  aria-label='Share by QQ'
+                  href={`http://connect.qq.com/widget/shareqq/index.html?url=${shareUrl}&sharesource=qzone&title=${title}&desc=${body}`}>
+                  <i className='fab fa-qq w-8' />
+                </a>
+              </button>
+            )
+          case 'wechat':
+            return (
+              <button
+                onMouseEnter={openPopover}
+                onMouseLeave={closePopover}
+                aria-label={singleService}
+                key={singleService}
+                className='cursor-pointer bg-green-600 text-white rounded-full mx-1'>
+                <div id='wechat-button'>
+                  <i className='fab fa-weixin w-8' />
                 </div>
-              </div>
-            </button>
-          )
+                <div className='absolute'>
+                  <div
+                    id='pop'
+                    className={
+                      (qrCodeShow ? 'opacity-100 ' : ' invisible opacity-0') +
+                      ' z-40 absolute bottom-10 -left-10 bg-white shadow-xl transition-all duration-200 text-center'
+                    }>
+                    <div className='p-2 mt-1 w-28 h-28'>
+                      {qrCodeShow && <QrCode value={shareUrl} />}
+                    </div>
+                    <span className='text-black font-semibold p-1 rounded-t-lg text-sm mx-auto mb-1'>
+                      {locale.COMMON.SCAN_QR_CODE}
+                    </span>
+                  </div>
+                </div>
+              </button>
+            )
+          case 'link':
+            return (
+              <button
+                aria-label={singleService}
+                key={singleService}
+                className='cursor-pointer bg-yellow-500 text-white rounded-full mx-1'>
+                <div alt={locale.COMMON.URL_COPIED} onClick={copyUrl}>
+                  <i className='fas fa-link w-8' />
+                </div>
+              </button>
+            )
+          default:
+            return <></>
         }
-        if (singleService === 'link') {
-          return (
-            <button
-              aria-label={singleService}
-              key={singleService}
-              className='cursor-pointer bg-yellow-500 text-white rounded-full mx-1'>
-              <div alt={locale.COMMON.URL_COPIED} onClick={copyUrl}>
-                <i className='fas fa-link w-8' />
-              </div>
-            </button>
-          )
-        }
-        return <></>
       })}
     </>
   )