init build
This commit is contained in:
parent
cb0c819932
commit
0268734336
10 changed files with 115 additions and 31 deletions
|
|
@ -1,19 +1,20 @@
|
|||
import Link from "next/link"
|
||||
import type { ArticleItem} from "@/types";
|
||||
import type {ArticleItem} from "@/types";
|
||||
|
||||
interface Props {
|
||||
category: string,
|
||||
articles: ArticleItem[]
|
||||
}
|
||||
|
||||
const ArticleItemList = ({ category, articles }: Props) => {
|
||||
const ArticleItemList = ({category, articles}: Props) => {
|
||||
return (
|
||||
<>
|
||||
<div className={"flex flex-col gap-5"}>
|
||||
<h2 className={"font-cormorantGaramond text-4xl"}>{category}</h2>
|
||||
<div className={"flex flex-col gap-2.5 font-poppins text-lg"}>
|
||||
{articles.map((article, id) => (
|
||||
<Link href={`/blog/${article.id}`} key={id} className={"hover:text-nord-12 transition duration-250"}>
|
||||
<Link href={`/blog/${article.id}`} key={id}
|
||||
className={"hover:text-nord-12 transition duration-250"}>
|
||||
{article.title}
|
||||
</Link>
|
||||
))}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue