adjust date

Author: elie222

apps/web/app/(app)/automation/group/ViewGroup.tsx

@@ -41,6 +41,7 @@ import {
 import { isActionError } from "@/utils/error";
 import { Badge } from "@/components/ui/badge";
 import { formatShortDate } from "@/utils/date";
+import { Tooltip } from "@/components/Tooltip";
 
 export function ViewGroup({ groupId }: { groupId: string }) {
   const { data, isLoading, error, mutate } = useSWR<GroupItemsResponse>(
@@ -269,7 +270,7 @@ function GroupItemList({
         </TableHeader>
       )}
       <TableBody>
-        {sortBy(items, (item) => -item.createdAt).map((item) => {
+        {sortBy(items, (item) => -new Date(item.createdAt)).map((item) => {
           const twoMinutesAgo = new Date(Date.now() - 1000 * 60 * 2);
           const isCreatedRecently = new Date(item.createdAt) > twoMinutesAgo;
           const isUpdatedRecently = new Date(item.updatedAt) > twoMinutesAgo;
@@ -291,9 +292,11 @@ function GroupItemList({
                 </div>
               </TableCell>
               <TableCell className="py-2 text-right flex justify-end items-center gap-4">
-                <span className="text-sm text-muted-foreground">
-                  Added: {formatShortDate(new Date(item.createdAt))}
-                </span>
+                <Tooltip content="Date added">
+                  <span className="text-sm text-muted-foreground">
+                    {formatShortDate(new Date(item.createdAt))}
+                  </span>
+                </Tooltip>
 
                 <Button
                   variant="outline"

apps/web/utils/date.ts

@@ -7,6 +7,13 @@ export const ONE_DAY_MS = ONE_HOUR_MS * 24;
 export const ONE_MONTH_MS = ONE_DAY_MS * 30;
 export const ONE_YEAR_MS = ONE_DAY_MS * 365;
 
+/**
+ * Formats a date into a short string.
+ * - If the date is today, returns the time (e.g., "3:44 PM").
+ * - If the date is not today, returns the date (e.g., "JUL 5" or "AUG 13").
+ * - Optionally includes the year (e.g., "JUL 5, 2024").
+ * - Optionally returns the date part in lowercase (e.g., "jul 5").
+ */
 export function formatShortDate(
   date: Date,
   options: {
@@ -28,7 +35,8 @@ export function formatShortDate(
     date.getFullYear() === today.getFullYear();
 
   if (isToday) {
-    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+    // Use hour: 'numeric' to avoid leading zeros (e.g., 3:44 PM instead of 03:44 PM)
+    return date.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
   }
   const formattedDate = date.toLocaleDateString([], {
     month: "short",