dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

make tagslist visible in postsindex page only.

Browse Source
This commit is contained in:
PrinOrange
2024-01-06 21:34:34 +08:00
parent cb0f1ac7e0
commit 9b941fdd0d
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/posts/[[...slug]].tsx
View File

@@ -10,7 +10,7 @@ import { TagBadge } from "@/components/utils/TagBadge";
import { PostCountPerPagination } from "@/consts/consts"; import { PostCountPerPagination } from "@/consts/consts";
import { Config } from "@/data/config"; import { Config } from "@/data/config";
import { sortedPosts } from "@/lib/post-process"; import { sortedPosts } from "@/lib/post-process";
import { paginateArray } from "@/lib/utils"; import { isEmptyArray, paginateArray } from "@/lib/utils";
import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font"; import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import { TPostListItem } from "@/types/post-list"; import { TPostListItem } from "@/types/post-list";
import { nanoid } from "nanoid"; import { nanoid } from "nanoid";
@@ -60,12 +60,16 @@ export default function PostsPage(props: PostsPageProps) {
<LuPenTool className="mx-2 my-auto" /> <LuPenTool className="mx-2 my-auto" />
{"ALL POSTS"} {"ALL POSTS"}
</h2> </h2>
<Separator /> {!isEmptyArray(props.tagList) && (
<div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}> <>
{props.tagList.map((item) => ( <Separator />
<TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} /> <div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}>
))} {props.tagList.map((item) => (
</div> <TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} />
))}
</div>
</>
)}
<Separator /> <Separator />
<PostList data={props.postList} /> <PostList data={props.postList} />
<div className="my-5 flex justify-between text-base font-bold"> <div className="my-5 flex justify-between text-base font-bold">