ATlast — you'll never need to find your favorites on another platform again. Find your favs in the ATmosphere.
atproto
replace custom data formatting w date-fns
+17
-25
+11
package-lock.json
+11
package-lock.json
···
20
20
"@tanstack/react-virtual": "^3.13.13",
21
21
"actor-typeahead": "^0.1.2",
22
22
"cookie": "^1.0.2",
23
+
"date-fns": "^4.1.0",
23
24
"jose": "^6.1.0",
24
25
"jszip": "^3.10.1",
25
26
"lucide-react": "^0.544.0",
···
4134
4135
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
4135
4136
"dev": true,
4136
4137
"license": "MIT"
4138
+
},
4139
+
"node_modules/date-fns": {
4140
+
"version": "4.1.0",
4141
+
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
4142
+
"integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
4143
+
"license": "MIT",
4144
+
"funding": {
4145
+
"type": "github",
4146
+
"url": "https://github.com/sponsors/kossnocorp"
4147
+
}
4137
4148
},
4138
4149
"node_modules/debug": {
4139
4150
"version": "4.4.3",
+1
package.json
+1
package.json
+1
-6
src/components/HistoryTab.tsx
+1
-6
src/components/HistoryTab.tsx
···
28
28
userSettings,
29
29
onLoadUpload,
30
30
}: HistoryTabProps) {
31
-
const formatDate = (dateString: string) => {
32
-
const date = new Date(dateString);
33
-
return formatRelativeTime(date.toLocaleDateString("en-US"));
34
-
};
35
-
36
31
return (
37
32
<div className="p-6">
38
33
{/* Setup Assistant Banner - Only show if wizard not completed */}
···
143
138
{upload.totalUsers === 1 ? "user found" : "users found"}
144
139
</Badge>
145
140
<Badge variant="info">
146
-
Uploaded {formatDate(upload.createdAt)}
141
+
Uploaded {formatRelativeTime(upload.createdAt)}
147
142
</Badge>
148
143
</div>
149
144
</div>
+4
-19
src/lib/utils/date.ts
+4
-19
src/lib/utils/date.ts
···
1
+
import { format, formatDistanceToNow } from "date-fns";
2
+
1
3
export function formatDate(dateString: string): string {
2
4
const date = new Date(dateString);
3
-
return date.toLocaleDateString("en-US", {
4
-
month: "short",
5
-
day: "numeric",
6
-
year: "numeric",
7
-
hour: "2-digit",
8
-
minute: "2-digit",
9
-
});
5
+
return format(date, "MMM d, yyyy, h:mm a");
10
6
}
11
7
12
8
export function formatRelativeTime(dateString: string): string {
13
9
const date = new Date(dateString);
14
-
const now = new Date();
15
-
const diffMs = now.getTime() - date.getTime();
16
-
const diffMins = Math.floor(diffMs / 60000);
17
-
const diffHours = Math.floor(diffMs / 3600000);
18
-
const diffDays = Math.floor(diffMs / 86400000);
19
-
20
-
if (diffMins < 1) return "just now";
21
-
if (diffMins < 60) return `${diffMins}m ago`;
22
-
if (diffHours < 24) return `${diffHours}h ago`;
23
-
if (diffDays < 7) return `${diffDays}d ago`;
24
-
25
-
return formatDate(dateString);
10
+
return formatDistanceToNow(date, { addSuffix: true });
26
11
}