feat: YYYY-MM-DD ? HH:MM:SS for creationDates

src/pages/pegase/home/components/StudyTableHeaders.tsx

@@ -7,6 +7,7 @@
 import StdAvatar from '@/components/common/layout/stdAvatar/StdAvatar';
 import { StudyStatus } from '@/shared/types/common/StudyStatus.type';
 import { StudyDTO } from '@/shared/types/pegase/Study.type.ts';
+import { formatDateToDDMMYYYY } from '@/shared/utils/dateFormatter';
 import { createColumnHelper } from '@tanstack/react-table';
 import { useTranslation } from 'react-i18next';
 import { RdsRadioButton, RdsTagList } from 'rte-design-system-react';
@@ -73,6 +74,7 @@ const getStudyTableHeaders = () => {
 
     columnHelper.accessor('creationDate', {
       header: t('home.@creation_date'),
+      cell: ({ getValue }) => formatDateToDDMMYYYY(getValue(), true),
     }),
   ];
 };

src/pages/pegase/home/pinnedProjects/PinnedProjectCard.tsx

@@ -88,8 +88,8 @@ const PinnedProjectCards = ({ setShouldRefetchProjectList }: PinnedProjectCardsP
               <div className="flex items-center gap-x-0.5 pt-2.5">
                 <div className="font-sans text-body-xs font-light">
                   {t('project.@created')} :{' '}
-                  <span className="text-body-xs font-bold">{formatDateToDDMMYYYY(project.creationDate)} </span>{' '}
-                  {t('project.@by')} :
+                  <span className="text-body-xs font-bold">{formatDateToDDMMYYYY(project.creationDate, false)} </span>{' '}
+                  <span className="ml-2">{t('project.@by')}</span> :
                 </div>
 
                 <StdAvatar

src/pages/pegase/projects/ProjectContent.tsx

@@ -108,7 +108,7 @@ const ProjectContent = ({ shouldRefetchProjectList }: ProjectContentProps) => {
                   <div className="font-sans text-body-xs font-light">
                     {t('project.@created')} :{' '}
                     <span className="text-body-xs font-bold">{formatDateToDDMMYYYY(project.creationDate)} </span>{' '}
-                    {t('project.@by')} :
+                    <span className="ml-2">{t('project.@by')}</span> :
                   </div>
                   <StdAvatar
                     size="es"

src/shared/utils/dateFormatter.ts

@@ -13,10 +13,20 @@ export const standardDateFormatter = (date: Date, locale: string) =>
     minute: 'numeric',
   });
 
-export const formatDateToDDMMYYYY = (dateInput: Date) => {
+export const formatDateToDDMMYYYY = (dateInput: Date | string, includeTime: boolean = false): string => {
   const date = typeof dateInput === 'string' ? new Date(dateInput) : dateInput;
-  const day = String(date.getDate()).padStart(2, '0');
-  const month = String(date.getMonth() + 1).padStart(2, '0');
+
   const year = date.getFullYear();
-  return `${day}/${month}/${year}`;
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+
+  if (!includeTime) {
+    return `${year}-${month}-${day}`;
+  }
+
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 };

src/shared/utils/tests/dateFormatter.test.tsx

@@ -0,0 +1,21 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { formatDateToDDMMYYYY } from '../dateFormatter';
+
+describe('formatDate', () => {
+  it('should format date as YYYY-MM-DD when includeTime is false or not provided', () => {
+    const date = new Date('2024-07-25T10:07:21');
+    const formattedDate = formatDateToDDMMYYYY(date);
+    expect(formattedDate).toBe('2024-07-25');
+  });
+
+  it('should format date as YYYY-MM-DD HH:mm:ss when includeTime is true', () => {
+    const date = new Date('2024-07-25T10:07:21');
+    const formattedDate = formatDateToDDMMYYYY(date, true);
+    expect(formattedDate).toBe('2024-07-25 10:07:21');
+  });
+});