mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
33 lines
893 B
JavaScript
33 lines
893 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
import { useGlobal } from '@/lib/global'
|
|
import CONFIG_NEXT from '../config_next'
|
|
|
|
/**
|
|
* 展示文章推荐
|
|
*/
|
|
const RecommendPosts = ({ recommendPosts }) => {
|
|
if (!CONFIG_NEXT.ARTICLE_RELATE_POSTS || !recommendPosts || recommendPosts.length < 1) {
|
|
return <></>
|
|
}
|
|
const { locale } = useGlobal()
|
|
|
|
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
|