mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 23:16:49 +00:00
35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
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
|