marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use m.article instead of motion.article in PostCard

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 20:46:03 -05:00
parent 04fab4ce38
commit 9b6c20b2eb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/blog/PostCard.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import Link from "next/link"; import Link from "next/link";
import { motion } from "motion/react"; import { m } from "motion/react";
import type { PostMeta } from "@/lib/posts"; import type { PostMeta } from "@/lib/posts";
interface PostCardProps extends PostMeta { interface PostCardProps extends PostMeta {
@@ -10,7 +10,7 @@ interface PostCardProps extends PostMeta {
export function PostCard({ slug, title, date, excerpt, index = 0 }: PostCardProps) { export function PostCard({ slug, title, date, excerpt, index = 0 }: PostCardProps) {
return ( return (
<motion.article <m.article
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }} whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: index * 0.07 }} transition={{ duration: 0.5, delay: index * 0.07 }}
@@ -26,6 +26,6 @@ export function PostCard({ slug, title, date, excerpt, index = 0 }: PostCardProp
<p className="text-ink-soft leading-7">{excerpt}</p> <p className="text-ink-soft leading-7">{excerpt}</p>
)} )}
</Link> </Link>
</motion.article> </m.article>
); );
} }