fix date format error

oss-apps · Nov 1, 2024 · e728303 · e728303
1 parent c472b47
commit e728303
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/src/pages/groups/[groupId].tsx b/src/pages/groups/[groupId].tsx
@@ -121,6 +121,8 @@ const BalancePage: NextPageWithUser<{
     );
   }
 
+  console.log('expensesQuery.data', expensesQuery.data);
+
   return (
     <>
       <Head>
@@ -167,12 +169,12 @@ const BalancePage: NextPageWithUser<{
                   <div className="mt-8">
                     <p className="font-semibold">First expense</p>
                     <p>
-                      {format(
-                        new Date(
-                          expensesQuery.data[expensesQuery.data.length - 1]?.createdAt ?? '',
-                        ).toLocaleDateString(),
-                        'yyyy-MM-dd',
-                      )}
+                      {expensesQuery.data[expensesQuery.data.length - 1]?.createdAt
+                        ? format(
+                            expensesQuery.data[expensesQuery.data.length - 1]!.createdAt,
+                            'MMM dd, yyyy',
+                          )
+                        : '--'}
                     </p>
                   </div>
                 )}
@@ -200,12 +202,7 @@ const BalancePage: NextPageWithUser<{
               {groupDetailQuery?.data?.createdAt && (
                 <div className="mt-8">
                   <p className="font-semibold ">Group created</p>
-                  <p>
-                    {format(
-                      new Date(groupDetailQuery.data?.createdAt).toLocaleDateString(),
-                      'yyyy-MM-dd',
-                    )}
-                  </p>
+                  <p>{format(groupDetailQuery.data?.createdAt, 'MMM dd, yyyy')}</p>
                 </div>
               )}
               <div className="mt-8">