Merge pull request tangly1024#3709 from KZaqur/themes-Next-Fix-email

修复了Next主题无法解密邮件地址

Author: tangly1024

themes/next/components/SocialButton.js

@@ -1,11 +1,17 @@
 import { siteConfig } from '@/lib/config'
+import { useRef } from 'react'
+import { handleEmailClick } from '@/lib/plugins/mailEncrypt'
 
 /**
  * 社交联系方式按钮组
  * @returns {JSX.Element}
  * @constructor
  */
 const SocialButton = () => {
+
+  const emailIcon = useRef(null)
+  const CONTACT_EMAIL = siteConfig('CONTACT_EMAIL')
+
   return (
     <div className='w-52 justify-center flex-wrap flex'>
       <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 text-center'>
@@ -63,12 +69,12 @@ const SocialButton = () => {
             <i className='fab fa-instagram transform hover:scale-125 duration-150' />
           </a>
         )}
-        {siteConfig('CONTACT_EMAIL') && (
+        {CONTACT_EMAIL && (
           <a
-            target='_blank'
-            rel='noreferrer'
-            title={'email'}
-            href={`mailto:${siteConfig('CONTACT_EMAIL')}`}>
+            onClick={e => handleEmailClick(e, emailIcon, CONTACT_EMAIL)}
+            title='email'
+            className='cursor-pointer'
+            ref={emailIcon}>
             <i className='fas fa-envelope transform hover:scale-125 duration-150' />
           </a>
         )}
@@ -103,4 +109,4 @@ const SocialButton = () => {
     </div>
   )
 }
-export default SocialButton
+export default SocialButton