Published digest date in team listing (#62)

premieroctet · Oct 26, 2023 · 7d6438b · 7d6438b
1 parent 900086f
commit 7d6438b
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/digests/Digests.tsx b/src/components/digests/Digests.tsx
@@ -5,6 +5,7 @@ import { DigestBlockType } from '@prisma/client';
 import clsx from 'clsx';
 import Link from 'next/link';
 import NoContent from '../layout/NoContent';
+import { formatDate } from '@/utils/date';
 
 type Props = {
   digests: TeamDigestsResult[];
@@ -41,9 +42,14 @@ export const Digests = ({ digests, teamSlug }: Props) => {
             </Link>
             <div className="flex items-center text-sm text-gray-500">
               {digest.publishedAt ? (
-                <div className="flex items-center">
-                  <CheckIcon className="text-green-600 h-4 w-4" /> Published
-                </div>
+                <>
+                  <div className="flex items-center">
+                    <CheckIcon className="text-green-600 h-4 w-4" /> Published
+                  </div>
+                  <time className="text-gray-500 pl-1">
+                    - {formatDate(digest.publishedAt!, 'MMMM dd, yyyy')}
+                  </time>
+                </>
               ) : (
                 <div>Draft</div>
               )}