|
|
import LazyImage from '@/components/LazyImage' |
|
|
import Link from 'next/link' |
|
|
import { siteConfig } from '@/lib/config' |
|
|
import NotionIcon from '@/components/NotionIcon' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function ArticleInfo(props) { |
|
|
const { post, siteInfo } = props |
|
|
|
|
|
return (<> |
|
|
{/* title */} |
|
|
<h1 className="text-3xl pt-12 dark:text-gray-300"><NotionIcon icon={post?.pageIcon} />{post?.title}</h1> |
|
|
|
|
|
{/* meta */} |
|
|
<section className="py-2 items-center text-sm px-1"> |
|
|
<div className='flex flex-wrap text-gray-500 py-1 dark:text-gray-600'> |
|
|
<span className='whitespace-nowrap'> <i className='far fa-calendar mr-2' />{post?.publishDay}</span> |
|
|
<span className='mx-1'>|</span> |
|
|
<span className='whitespace-nowrap mr-2'><i className='far fa-calendar-check mr-2' />{post?.lastEditedDay}</span> |
|
|
<div className="hidden busuanzi_container_page_pv font-light mr-2 whitespace-nowrap"> |
|
|
<i className="mr-1 fas fa-eye" /><span className="busuanzi_value_page_pv" /> |
|
|
</div> |
|
|
</div> |
|
|
<Link href="/about" passHref legacyBehavior> |
|
|
<div className='flex pt-2'> |
|
|
<LazyImage src={siteInfo?.icon} className='rounded-full cursor-pointer' width={22} alt={siteConfig('AUTHOR')} /> |
|
|
|
|
|
<div className="mr-3 ml-2 my-auto text-green-500 cursor-pointer"> |
|
|
{siteConfig('AUTHOR')} |
|
|
</div> |
|
|
</div> |
|
|
</Link> |
|
|
</section> |
|
|
</>) |
|
|
} |
|
|
|
