mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-20 15:09:40 +00:00
分组-page-nav
This commit is contained in:
@@ -3,7 +3,7 @@ import Link from 'next/link'
|
||||
import { useRouter } from 'next/router'
|
||||
import React from 'react'
|
||||
|
||||
const BlogPostCard = ({ post }) => {
|
||||
const BlogPostCard = ({ post, className }) => {
|
||||
const router = useRouter()
|
||||
const currentSelected = router.asPath.split('?')[0] === '/' + post.slug
|
||||
return (
|
||||
@@ -13,10 +13,10 @@ const BlogPostCard = ({ post }) => {
|
||||
href={`${BLOG.SUB_PATH}/${post.slug}`}
|
||||
passHref
|
||||
className={
|
||||
`${currentSelected ? 'bg-gray-500 text-white' : 'text-gray-700 dark:text-gray-300 '} hover:font-bold py-0.5 px-1 text-sm cursor-pointer`
|
||||
`${className} ${currentSelected ? 'bg-gray-500 text-white' : 'text-gray-700 dark:text-gray-300 '} hover:font-bold py-0.5 cursor-pointer`
|
||||
}>
|
||||
<div>
|
||||
{post.category} - {post.title}
|
||||
{post.title}
|
||||
</div>
|
||||
|
||||
</Link>
|
||||
|
||||
@@ -18,9 +18,16 @@ const BlogPostListScroll = ({ posts = [], currentSearch }) => {
|
||||
} else {
|
||||
return <div id='container' ref={targetRef} className='w-full'>
|
||||
{/* 文章列表 */}
|
||||
{filteredPosts?.map(post => (
|
||||
<BlogPostCard key={post.id} post={post} showSummary={true} />
|
||||
))}
|
||||
{filteredPosts?.map(group => {
|
||||
if (group.category) {
|
||||
return <>
|
||||
<div className='text-md font-sans ' key={group.category}>{group.category}</div>
|
||||
{group.items?.map(post => (<div key={post.id} className='pl-6 border-l'><BlogPostCard className='text-sm' post={post} /></div>))}
|
||||
</>
|
||||
} else {
|
||||
return <> {group.items?.map(post => (<BlogPostCard key={post.id} post={post} className='text-md' />))}</>
|
||||
}
|
||||
})}
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user