File size: 1,188 Bytes
1b72d7e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import { siteConfig } from '@/lib/config'
import { FacebookProvider, Page } from 'react-facebook'
import { FacebookIcon } from 'react-share'
/**
* facebook个人主页
* @returns
*/
const FacebookPage = () => {
if (!siteConfig('FACEBOOK_APP_ID') || !siteConfig('FACEBOOK_PAGE')) {
return <></>
}
return <div className="shadow-md hover:shadow-xl dark:text-gray-300 border dark:border-black rounded-xl px-2 py-4 bg-white dark:bg-hexo-black-gray lg:duration-100 justify-center">
{siteConfig('FACEBOOK_PAGE') && (
<div className="flex items-center pb-2">
<a
href={siteConfig('FACEBOOK_PAGE')}
target="_blank"
rel="noopener noreferrer"
className="p-1 pr-2 pt-0"
>
<FacebookIcon size={28} round />
</a>
<a href={siteConfig('FACEBOOK_PAGE')} rel="noopener noreferrer" target="_blank">
{siteConfig('FACEBOOK_PAGE_TITLE')}
</a>
</div>
)}
{siteConfig('FACEBOOK_APP_ID') && <FacebookProvider appId={siteConfig('FACEBOOK_APP_ID')}>
<Page href={siteConfig('FACEBOOK_PAGE')} tabs="timeline" />
</FacebookProvider>}
</div>
}
export default FacebookPage
|