fix: use displayDate instead of createdAt

Author: MatanYadaev

apps/backoffice-v2/src/domains/business-reports/fetchers.ts

@@ -23,6 +23,7 @@ export const BusinessReportSchema = z
     reportType: z.enum([MERCHANT_REPORT_TYPES[0]!, ...MERCHANT_REPORT_TYPES.slice(1)]),
     createdAt: z.string().datetime(),
     updatedAt: z.string().datetime(),
+    displayDate: z.string().datetime(),
     riskScore: z.number().nullable(),
     status: z.enum([MERCHANT_REPORT_STATUSES[0]!, ...MERCHANT_REPORT_STATUSES.slice(1)]),
     parentCompanyName: z.string().nullable(),

apps/backoffice-v2/src/pages/MerchantMonitoring/components/MerchantMonitoringTable/columns.tsx

@@ -153,16 +153,12 @@ export const columns = [
     },
     header: 'Alert',
   }),
-  columnHelper.accessor('createdAt', {
+  columnHelper.accessor('displayDate', {
     cell: info => {
-      const createdAt = info.getValue();
-
-      if (!createdAt) {
-        return <TextWithNAFallback>{createdAt}</TextWithNAFallback>;
-      }
+      const displayDate = info.getValue();
 
       // Convert UTC time to local browser time
-      const localDateTime = dayjs.utc(createdAt).local();
+      const localDateTime = dayjs.utc(displayDate).local();
 
       const date = localDateTime.format('MMM DD, YYYY');
       const time = localDateTime.format('HH:mm');

apps/backoffice-v2/src/pages/MerchantMonitoringBusinessReport/MerchantMonitoringBusinessReport.page.tsx

@@ -272,8 +272,8 @@ export const MerchantMonitoringBusinessReport: FunctionComponent = () => {
               </div>
               <div className={`text-sm`}>
                 <span className={`me-2 leading-6 text-slate-400`}>Created at</span>
-                {businessReport?.createdAt &&
-                  dayjs(new Date(businessReport?.createdAt)).format('HH:mm MMM Do, YYYY')}
+                {businessReport?.displayDate &&
+                  dayjs(new Date(businessReport?.displayDate)).format('HH:mm MMM Do, YYYY')}
               </div>
               <div className={`flex items-center space-x-2 text-sm`}>
                 <span className={`text-slate-400`}>Monitoring Status</span>

services/workflows-service/src/business-report/merchant-monitoring-client.ts

@@ -50,6 +50,10 @@ const ReportSchema = z.object({
     .string()
     .datetime()
     .transform(value => new Date(value)),
+  displayDate: z
+    .string()
+    .datetime()
+    .transform(value => new Date(value)),
   data: z.record(z.string(), z.unknown()).nullish(),
 });