fix: date

aulianza · Nov 11, 2023 · 8ab7903 · 8ab7903
1 parent a45380d
commit 8ab7903
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/modules/blog/components/BlogCardNew.tsx b/src/modules/blog/components/BlogCardNew.tsx
@@ -88,7 +88,7 @@ const BlogCardNew = ({
               <div className='flex gap-1 items-center text-neutral-400'>
                 <DateIcon size={14} />
                 <span className='text-xs ml-0.5'>
-                  {formatDate(published_at, 'MMM dd, yyyy')}
+                  {formatDate(published_at)}
                 </span>
               </div>
               {isExcerpt && (

diff --git a/src/modules/blog/components/BlogFeaturedHero.tsx b/src/modules/blog/components/BlogFeaturedHero.tsx
@@ -6,6 +6,8 @@ import {
   BiChevronRight as NextIcon,
   BiStar as StarIcon,
 } from 'react-icons/bi';
+import { FaRegEye as ViewIcon } from 'react-icons/fa';
+import { HiOutlineClock as ClockIcon } from 'react-icons/hi';
 
 import Image from '@/common/components/elements/Image';
 import { formatBlogSlug } from '@/common/helpers';
@@ -82,6 +84,21 @@ const BlogFeaturedHero = ({ data }: BlogFeaturedProps) => {
                 </h3>
               </Link>
               <p className='hidden sm:block'>{currentFeatured?.description}</p>
+              <div className='flex gap-x-3 pt-1 text-neutral-400'>
+                <div className='flex gap-1 items-center'>
+                  <ViewIcon size={15} />
+                  <span className='text-[13px] ml-0.5'>
+                    {currentFeatured?.total_views_count.toLocaleString()} Views
+                  </span>
+                </div>
+                <div className='flex gap-1 items-center '>
+                  <ClockIcon size={16} />
+                  <span className='text-[13px] ml-0.5'>
+                    {currentFeatured?.reading_time_minutes.toLocaleString()}{' '}
+                    Minutes Read
+                  </span>
+                </div>
+              </div>
             </div>
             <div className='flex gap-2'>
               <button