NEOS-1248:add optional chaining to toDate() func to avoid "toDate() i…

…s not a function" errors (#2696)
nucleuscloud · Sep 17, 2024 · 4221c18 · 4221c18
1 parent 93d822f
commit 4221c18
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 17 deletions.
diff --git a/frontend/apps/web/app/(mgmt)/[account]/connections/components/ConnectionsTable/columns.tsx b/frontend/apps/web/app/(mgmt)/[account]/connections/components/ConnectionsTable/columns.tsx
@@ -87,7 +87,7 @@ export function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('createdAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('createdAt')?.toDate())}
             </span>
           </div>
         );
@@ -105,7 +105,7 @@ export function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('updatedAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('updatedAt')?.toDate())}
             </span>
           </div>
         );

diff --git a/frontend/apps/web/app/(mgmt)/[account]/jobs/[id]/components/NextRuns.tsx b/frontend/apps/web/app/(mgmt)/[account]/jobs/[id]/components/NextRuns.tsx
@@ -61,7 +61,7 @@ export default function JobNextRuns({ jobId, status }: Props): ReactElement {
                     <TableRow key={`${r}-${index}`}>
                       <TableCell className="py-3">
                         <span className="font-medium">
-                          {formatDateTime(r.toDate())}
+                          {formatDateTime(r?.toDate())}
                         </span>
                       </TableCell>
                     </TableRow>

diff --git a/frontend/apps/web/app/(mgmt)/[account]/jobs/components/DataTable/columns.tsx b/frontend/apps/web/app/(mgmt)/[account]/jobs/components/DataTable/columns.tsx
@@ -132,7 +132,7 @@ export function getColumns(props: GetJobsProps): ColumnDef<JobColumn>[] {
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('createdAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('createdAt')?.toDate())}
             </span>
           </div>
         );
@@ -150,7 +150,7 @@ export function getColumns(props: GetJobsProps): ColumnDef<JobColumn>[] {
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('updatedAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('updatedAt')?.toDate())}
             </span>
           </div>
         );

diff --git a/frontend/apps/web/app/(mgmt)/[account]/runs/[id]/components/JobRunActivityTable/columns.tsx b/frontend/apps/web/app/(mgmt)/[account]/runs/[id]/components/JobRunActivityTable/columns.tsx
@@ -41,7 +41,7 @@ export function getColumns(props: GetColumnsProps): ColumnDef<JobRunEvent>[] {
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {startTime && formatDateTimeMilliseconds(startTime.toDate())}
+              {startTime && formatDateTimeMilliseconds(startTime?.toDate())}
             </span>
           </div>
         );

diff --git a/...end/apps/web/app/(mgmt)/[account]/runs/[id]/components/JobRunActivityTable/data-table.tsx b/...end/apps/web/app/(mgmt)/[account]/runs/[id]/components/JobRunActivityTable/data-table.tsx
@@ -216,7 +216,7 @@ function RunEventSubTable(props: RunEventSubTableProps): React.ReactElement {
                       <div className="flex space-x-2">
                         <span className="max-w-[500px] truncate font-medium">
                           {t.eventTime &&
-                            formatDateTimeMilliseconds(t.eventTime.toDate())}
+                            formatDateTimeMilliseconds(t.eventTime?.toDate())}
                         </span>
                       </div>
                     </TableCell>

diff --git a/frontend/apps/web/app/(mgmt)/[account]/runs/components/JobRunsTable/columns.tsx b/frontend/apps/web/app/(mgmt)/[account]/runs/components/JobRunsTable/columns.tsx
@@ -100,7 +100,7 @@ export function getColumns(
         return (
           <div>
             <span className="font-medium">
-              {formatDateTime(row.getValue<Timestamp>('startedAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('startedAt')?.toDate())}
             </span>
           </div>
         );
@@ -116,7 +116,7 @@ export function getColumns(
       ),
       cell: ({ row }) => {
         const completedAt = row.getValue('completedAt')
-          ? formatDateTime(row.getValue<Timestamp>('completedAt').toDate())
+          ? formatDateTime(row.getValue<Timestamp>('completedAt')?.toDate())
           : undefined;
         return (
           <div>

diff --git a/frontend/apps/web/app/(mgmt)/[account]/settings/api-keys/components/ApiKeysTable/columns.tsx b/frontend/apps/web/app/(mgmt)/[account]/settings/api-keys/components/ApiKeysTable/columns.tsx
@@ -63,7 +63,7 @@ export function getColumns(
       cell: ({ row }) => {
         const expiresAt = row
           .getValue<Timestamp>('expiresAt')
-          .toDate()
+          ?.toDate()
           .getTime();
         const text = expiresAt > Date.now() ? 'active' : 'expired';
         const badgeVariant: BadgeProps['variant'] =
@@ -87,7 +87,7 @@ export function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('expiresAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('expiresAt')?.toDate())}
             </span>
           </div>
         );
@@ -105,7 +105,7 @@ export function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('createdAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('createdAt')?.toDate())}
             </span>
           </div>
         );
@@ -123,7 +123,7 @@ export function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('updatedAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('updatedAt')?.toDate())}
             </span>
           </div>
         );

diff --git a/frontend/apps/web/app/(mgmt)/[account]/settings/members/components/InviteTable.tsx b/frontend/apps/web/app/(mgmt)/[account]/settings/members/components/InviteTable.tsx
@@ -61,7 +61,7 @@ function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('createdAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('createdAt')?.toDate())}
             </span>
           </div>
         );
@@ -74,7 +74,7 @@ function getColumns(
         return (
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
-              {formatDateTime(row.getValue<Timestamp>('expiresAt').toDate())}
+              {formatDateTime(row.getValue<Timestamp>('expiresAt')?.toDate())}
             </span>
           </div>
         );

diff --git a/...web/app/(mgmt)/[account]/transformers/components/UserDefinedTransformersTable/columns.tsx b/...web/app/(mgmt)/[account]/transformers/components/UserDefinedTransformersTable/columns.tsx
@@ -89,7 +89,7 @@ export function getUserDefinedTransformerColumns(
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
               {row.original.createdAt &&
-                formatDateTime(row.getValue<Timestamp>('createdAt').toDate())}
+                formatDateTime(row.getValue<Timestamp>('createdAt')?.toDate())}
             </span>
           </div>
         );
@@ -108,7 +108,7 @@ export function getUserDefinedTransformerColumns(
           <div className="flex space-x-2">
             <span className="max-w-[500px] truncate font-medium">
               {row.original.updatedAt &&
-                formatDateTime(row.getValue<Timestamp>('updatedAt').toDate())}
+                formatDateTime(row.getValue<Timestamp>('updatedAt')?.toDate())}
             </span>
           </div>
         );