[update] migrate the project formatter from prettier and eslint to biome
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { normalizeDate } from "@/lib/date";
|
||||
import { TPostListItem } from "@/types/post-list";
|
||||
import type { TPostListItem } from "@/types/post-list";
|
||||
import { nanoid } from "nanoid";
|
||||
import Link from "next/link";
|
||||
import { Badge } from "../ui/badge";
|
||||
@@ -12,34 +12,34 @@ export const PostList = (props: { data: TPostListItem[] }) => {
|
||||
<div
|
||||
className={`flex flex-col justify-center ${
|
||||
index !== props.data.length - 1 && "border-b"
|
||||
} border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-900 dark:border-gray-800 px-3 py-1`}
|
||||
} border-gray-200 px-3 py-1 hover:bg-gray-50 dark:border-gray-800 dark:hover:bg-gray-900`}
|
||||
>
|
||||
<div className={"post-list-caption-font flex-col py-3"}>
|
||||
<div className="flex justify-center">
|
||||
<h3 className="mx-auto text-lg font-extrabold capitalize">{postItem.frontMatter.title}</h3>
|
||||
<h3 className="mx-auto font-extrabold text-lg capitalize">{postItem.frontMatter.title}</h3>
|
||||
</div>
|
||||
<div className="flex justify-center">
|
||||
{postItem.frontMatter.subtitle && (
|
||||
<div className="mx-auto text-sm font-bold capitalize text-gray-700 dark:text-gray-300">
|
||||
<div className="mx-auto font-bold text-gray-700 text-sm capitalize dark:text-gray-300">
|
||||
{postItem.frontMatter.subtitle}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{postItem.frontMatter.summary && (
|
||||
<div className={"content-font flex justify-center"}>
|
||||
<div className={"flex justify-center content-font"}>
|
||||
<p>{postItem.frontMatter.summary}</p>
|
||||
</div>
|
||||
)}
|
||||
<div className="flex flex-wrap justify-between my-2">
|
||||
<div className="text-center flex flex-col justify-center italic text-sm my-auto mr-2 h-6">
|
||||
<div className="my-2 flex flex-wrap justify-between">
|
||||
<div className="my-auto mr-2 flex h-6 flex-col justify-center text-center text-sm italic">
|
||||
<div className="my-auto">{normalizeDate(postItem.frontMatter.time)}</div>
|
||||
</div>
|
||||
{postItem.frontMatter.tags && (
|
||||
<div className="flex flex-wrap my-auto">
|
||||
<div className="my-auto flex flex-wrap">
|
||||
{postItem.frontMatter.tags.map((tagName) => (
|
||||
<Badge
|
||||
className="mr-1 my-1 text-gray-600 dark:text-gray-300"
|
||||
className="my-1 mr-1 text-gray-600 dark:text-gray-300"
|
||||
key={`tags-${nanoid()}`}
|
||||
variant={"secondary"}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user