formatDateTime

Author: steven-tey

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/payouts/payout-table.tsx

@@ -25,8 +25,8 @@ import {
   useTable,
 } from "@dub/ui";
 import { CircleCheck, Dots, MoneyBill2, MoneyBills2 } from "@dub/ui/icons";
-import { cn } from "@dub/utils";
-import { formatDate, formatPeriod } from "@dub/utils/src/functions/datetime";
+import { cn, formatDateTime } from "@dub/utils";
+import { formatPeriod } from "@dub/utils/src/functions/datetime";
 import { fetcher } from "@dub/utils/src/functions/fetcher";
 import { Row } from "@tanstack/react-table";
 import { Command } from "cmdk";
@@ -141,9 +141,8 @@ const PayoutTableInner = memo(
           header: "Paid",
           cell: ({ row }) =>
             row.original.paidAt
-              ? formatDate(row.original.paidAt, {
+              ? formatDateTime(row.original.paidAt, {
                   month: "short",
-                  day: "numeric",
                   year: undefined,
                 })
               : "-",

apps/web/app/partners.dub.co/(dashboard)/programs/[programSlug]/earnings/earnings-table.tsx

@@ -20,7 +20,6 @@ import { CircleDollar } from "@dub/ui/icons";
 import {
   currencyFormatter,
   fetcher,
-  formatDate,
   formatDateTime,
   getApexDomain,
   getPrettyUrl,
@@ -70,9 +69,13 @@ export function EarningsTablePartner({ limit }: { limit?: number }) {
         id: "createdAt",
         header: "Date",
         accessorKey: "timestamp",
+        minSize: 140,
         cell: ({ row }) => (
           <p title={formatDateTime(row.original.createdAt)}>
-            {formatDate(row.original.createdAt, { month: "short" })}
+            {formatDateTime(row.original.createdAt, {
+              month: "short",
+              year: undefined,
+            })}
           </p>
         ),
       },

apps/web/app/partners.dub.co/(dashboard)/settings/payouts/payout-table.tsx

@@ -16,8 +16,7 @@ import {
   useTable,
 } from "@dub/ui";
 import { MoneyBill2 } from "@dub/ui/icons";
-import { DICEBEAR_AVATAR_URL } from "@dub/utils";
-import { formatPeriod } from "@dub/utils/src/functions/datetime";
+import { DICEBEAR_AVATAR_URL, formatPeriod } from "@dub/utils";
 import { useEffect, useState } from "react";
 import { PayoutDetailsSheet } from "./payout-details-sheet";