Update BlockEntry props to use fields from PostEntry

Author: rivea0

app/(subpages)/leetcode-meditations/page.tsx

@@ -16,18 +16,13 @@ export default function Page() {
             : -1;
         })
         .map((post) => {
-          const date = new Date(post.date).toLocaleDateString('en-US', {
-            month: 'numeric',
-            day: 'numeric',
-            year: 'numeric',
-          });
-
           return (
             <BlockEntry
               key={`post-item-${post.slug}`}
               href={`/blog/${post.slug}`}
               title={post.title}
-              date={new Date(date)}
+              date={post.date}
+              isThirdParty={false}
             />
           );
         })}

app/components/block-entry/index.tsx

@@ -2,17 +2,23 @@ import Link from '@components/link';
 import styles from './block-entry.module.css';
 import { convertMDWithInlineCodeToHTML } from '@lib/utils';
 import { ExternalLink } from '@components/icons';
+import { PostEntry } from '@lib/types';
 
-type Props = {
-  title: string;
-  href: string;
-  date?: Date;
+// type Props = {
+//   title: string;
+//   href: string;
+//   date?: Date;
+//   dateInfo?: string;
+//   isThirdParty?: boolean;
+// };
+
+type BlockEntryProps = Pick<PostEntry, 'title' | 'date' | 'isThirdParty'> & {
   dateInfo?: string;
-  thirdPartyPost?: boolean;
+  href: string;
 };
 
-export default function BlockEntry(props: Props) {
-  const { title, href, date, dateInfo, thirdPartyPost } = props;
+export default function BlockEntry(props: BlockEntryProps) {
+  const { title, date, dateInfo, isThirdParty, href } = props;
 
   return (
     <li className={styles.item}>
@@ -21,15 +27,15 @@ export default function BlockEntry(props: Props) {
         title={title}
         className={styles.link}
         underline={false}
-        external={thirdPartyPost}
+        external={isThirdParty}
       >
         {/* {type && <div className={styles.type}>{type}</div>} */}
         {date && (
           <div className={styles.wrapper}>
             {date && (
               <span className={styles.date}>
-                {dateInfo && dateInfo} {' '}
-                {date.toLocaleDateString('en-US', {
+                {dateInfo && dateInfo}{' '}
+                {new Date(date).toLocaleDateString('en-US', {
                   month: 'short',
                   day: 'numeric',
                   year: 'numeric',
@@ -45,7 +51,7 @@ export default function BlockEntry(props: Props) {
               __html: convertMDWithInlineCodeToHTML(title),
             }}
           ></h4>
-          {thirdPartyPost && <ExternalLink />}
+          {isThirdParty && <ExternalLink />}
         </div>
         {/* {description && <p className={styles.description}>{description}</p>} */}
       </Link>

app/page.tsx

@@ -3,7 +3,6 @@ import styles from './page.module.css';
 import BlockEntry from '@components/block-entry';
 import { selectedPosts } from '@lib/constants';
 
-
 export default async function HomePage() {
   return (
     <>
@@ -42,9 +41,14 @@ export default async function HomePage() {
             return (
               <BlockEntry
                 key={`post-item-${post.slug}`}
-                href={`/blog/${post.slug}`}
                 title={post.title}
-                date={new Date(post.date)}
+                date={post.date}
+                isThirdParty={post.isThirdParty}
+                href={
+                  !post.isThirdParty
+                    ? `/blog/${post.slug}`
+                    : post.thirdPartyPostHref
+                }
               />
             );
           })}