|
|
import Link from 'next/link' |
|
|
import { useGlobal } from '@/lib/global' |
|
|
import CONFIG from '../config' |
|
|
import { siteConfig } from '@/lib/config' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const RecommendPosts = ({ recommendPosts }) => { |
|
|
const { locale } = useGlobal() |
|
|
if (!siteConfig('NEXT_ARTICLE_RELATE_POSTS', null, CONFIG) || !recommendPosts || recommendPosts.length < 1) { |
|
|
return <></> |
|
|
} |
|
|
|
|
|
return ( |
|
|
<div className="pt-2 border pl-4 py-2 my-4 dark:text-gray-300 "> |
|
|
<div className="mb-2 font-bold text-lg">{locale.COMMON.RELATE_POSTS} :</div> |
|
|
<ul className="font-light text-sm"> |
|
|
{recommendPosts.map(post => ( |
|
|
<li className="py-1" key={post.id}> |
|
|
<Link href={`/${post.slug}`} className="cursor-pointer hover:underline"> |
|
|
|
|
|
{post.title} |
|
|
|
|
|
</Link> |
|
|
</li> |
|
|
))} |
|
|
</ul> |
|
|
</div> |
|
|
) |
|
|
} |
|
|
export default RecommendPosts |
|
|
|
