feat(simplify ENABLE_RSS checks): remove useless JSON.parse calls

themes/medium/components/SocialButton.js

@@ -1,4 +1,5 @@
 import { siteConfig } from '@/lib/config'
+import { useEffect, useRef } from 'react'
 
 /**
  * 社交联系方式按钮组
@@ -6,72 +7,91 @@ import { siteConfig } from '@/lib/config'
  * @constructor
  */
 const SocialButton = () => {
+  const CONTACT_GITHUB = siteConfig('CONTACT_GITHUB')
+  const CONTACT_TWITTER = siteConfig('CONTACT_TWITTER')
+  const CONTACT_TELEGRAM = siteConfig('CONTACT_TELEGRAM')
+  const CONTACT_LINKEDIN = siteConfig('CONTACT_LINKEDIN')
+  const CONTACT_WEIBO = siteConfig('CONTACT_WEIBO')
+  const CONTACT_INSTAGRAM = siteConfig('CONTACT_INSTAGRAM')
+  const CONTACT_EMAIL = siteConfig('CONTACT_EMAIL')
+  const ENABLE_RSS = siteConfig('ENABLE_RSS')
+  const CONTACT_BILIBILI = siteConfig('CONTACT_BILIBILI')
+  const CONTACT_YOUTUBE = siteConfig('CONTACT_YOUTUBE')
+
+  const emailIcon = useRef(null)
+  useEffect(() => {
+    if (CONTACT_EMAIL && emailIcon.current) {
+      emailIcon.current.href =
+        'mailto:' + decodeURIComponent(escape(atob(CONTACT_EMAIL)))
+    }
+  }, [CONTACT_EMAIL])
   return (
     <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
-      {siteConfig('CONTACT_GITHUB') && (
+      {CONTACT_GITHUB && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'github'}
-          href={siteConfig('CONTACT_GITHUB')}>
+          href={CONTACT_GITHUB}>
           <i className='fab fa-github transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_TWITTER') && (
+      {CONTACT_TWITTER && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'twitter'}
-          href={siteConfig('CONTACT_TWITTER')}>
+          href={CONTACT_TWITTER}>
           <i className='fab fa-twitter transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_TELEGRAM') && (
+      {CONTACT_TELEGRAM && (
         <a
           target='_blank'
           rel='noreferrer'
-          href={siteConfig('CONTACT_TELEGRAM')}
+          href={CONTACT_TELEGRAM}
           title={'telegram'}>
           <i className='fab fa-telegram transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_LINKEDIN') && (
+      {CONTACT_LINKEDIN && (
         <a
           target='_blank'
           rel='noreferrer'
-          href={siteConfig('CONTACT_LINKEDIN')}
+          href={CONTACT_LINKEDIN}
           title={'linkedIn'}>
           <i className='transform hover:scale-125 duration-150 fab fa-linkedin dark:hover:text-indigo-400 hover:text-indigo-600' />
         </a>
       )}
-      {siteConfig('CONTACT_WEIBO') && (
+      {CONTACT_WEIBO && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'weibo'}
-          href={siteConfig('CONTACT_WEIBO')}>
+          href={CONTACT_WEIBO}>
           <i className='fab fa-weibo transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_INSTAGRAM') && (
+      {CONTACT_INSTAGRAM && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'instagram'}
-          href={siteConfig('CONTACT_INSTAGRAM')}>
+          href={CONTACT_INSTAGRAM}>
           <i className='fab fa-instagram transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_EMAIL') && (
+      {CONTACT_EMAIL && (
         <a
+          ref={emailIcon}
           target='_blank'
           rel='noreferrer'
           title={'email'}
-          href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
+          href={CONTACT_EMAIL}>
           <i className='fas fa-envelope transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {JSON.parse(siteConfig('ENABLE_RSS')) && (
+      {ENABLE_RSS && (
         <a
           target='_blank'
           rel='noreferrer'
@@ -80,21 +100,21 @@ const SocialButton = () => {
           <i className='fas fa-rss transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_BILIBILI') && (
+      {CONTACT_BILIBILI && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'bilibili'}
-          href={siteConfig('CONTACT_BILIBILI')}>
+          href={CONTACT_BILIBILI}>
           <i className='fab fa-bilibili transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}
-      {siteConfig('CONTACT_YOUTUBE') && (
+      {CONTACT_YOUTUBE && (
         <a
           target='_blank'
           rel='noreferrer'
           title={'youtube'}
-          href={siteConfig('CONTACT_YOUTUBE')}>
+          href={CONTACT_YOUTUBE}>
           <i className='fab fa-youtube transform hover:scale-125 duration-150 hover:text-green-600' />
         </a>
       )}