refactor: post item handling

fezcode · fezcode · commit 35de7c4e3905 · 2026-02-07T06:38:39.000+03:00
diff --git a/src/components/PostItem.jsx b/src/components/PostItem.jsx
@@ -4,22 +4,20 @@ import { motion } from 'framer-motion';
 import { ArrowRightIcon, FolderIcon } from '@phosphor-icons/react';
 
 const PostItem = ({
-  slug,
-  title,
-  date,
-  updatedDate,
-  category,
-  series,
-  seriesIndex,
-  isSeries,
-  description,
-  tags,
-  authors,
-  image,
+  post,
   isActive,
   onHover = () => {},
-  ...rest
 }) => {
+  const {
+    slug,
+    title,
+    date,
+    category,
+    series,
+    seriesIndex,
+    isSeries,
+  } = post;
+
   const formattedDate = new Date(date).toLocaleDateString('en-GB', {
     day: '2-digit',
     month: '2-digit',
@@ -56,23 +54,7 @@ const PostItem = ({
     <motion.div
       initial={{ opacity: 0, x: -10 }}
       animate={{ opacity: 1, x: 0 }}
-      onMouseEnter={() =>
-        onHover({
-          slug,
-          title,
-          date,
-          updatedDate,
-          category,
-          series,
-          seriesIndex,
-          isSeries,
-          description,
-          tags,
-          authors,
-          image,
-          ...rest,
-        })
-      }
+      onMouseEnter={() => onHover(post)}
       className="relative mr-4 md:mr-12"
     >
       <Link
@@ -153,4 +135,4 @@ const PostItem = ({
   );
 };
 
-export default PostItem;
+export default PostItem;
diff --git a/src/pages/blog-views/BrutalistBlogPage.jsx b/src/pages/blog-views/BrutalistBlogPage.jsx
@@ -203,7 +203,7 @@ const BrutalistBlogPage = () => {
           {filteredItems.map((item) => (
             <PostItem
               key={item.slug}
-              {...item}
+              post={item}
               isActive={activePost?.slug === item.slug}
               onHover={setActivePost}
             />
diff --git a/src/pages/brutalist-views/BrutalistSeriesPage.jsx b/src/pages/brutalist-views/BrutalistSeriesPage.jsx
@@ -120,12 +120,13 @@ const BrutalistSeriesPage = () => {
           {seriesPosts.map((post) => (
             <PostItem
               key={post.slug}
-              {...post}
-              seriesIndex={post.seriesIndex}
-              slug={`series/${seriesSlug}/${post.slug}`}
+              post={{
+                ...post,
+                slug: `series/${seriesSlug}/${post.slug}`,
+                isSeries: false
+              }}
               isActive={activePost?.slug === post.slug}
               onHover={setActivePost}
-              isSeries={false}
             />
           ))}
         </div>
