update recent pages

Author: AugustinMauroy

frontend/routes/account/tickets.tsx

@@ -5,9 +5,9 @@ import { define } from "../../util.ts";
 import { Table, TableData, TableRow } from "../../components/Table.tsx";
 import { Ticket } from "../../utils/api_types.ts";
 import { path } from "../../utils/api.ts";
-import twas from "twas";
 import { TbCheck, TbClock } from "tb-icons";
 import { TicketTitle } from "../../components/TicketTitle.tsx";
+import { timeAgo } from "../../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function AccountInvitesPage({
   data,
@@ -56,12 +56,12 @@ export default define.page<typeof handler>(function AccountInvitesPage({
             <TableData
               title={new Date(ticket.createdAt).toISOString().slice(0, 10)}
             >
-              {twas(new Date(ticket.createdAt).getTime())}
+              {timeAgo(ticket.createdAt)}
             </TableData>
             <TableData
               title={new Date(ticket.updatedAt).toISOString().slice(0, 10)}
             >
-              {twas(new Date(ticket.updatedAt).getTime())}
+              {timeAgo(ticket.updatedAt)}
             </TableData>
             <TableData>
               <a class="button-primary" href={`/ticket/${ticket.id}`}>view</a>

frontend/routes/admin/audit.tsx

@@ -5,7 +5,7 @@ import { AuditLog, List } from "../../utils/api_types.ts";
 import { AdminNav } from "./(_components)/AdminNav.tsx";
 import { AuditURLQuerySearch } from "./(_islands)/AuditURLQuerySearch.tsx";
 import { define } from "../../util.ts";
-import twas from "twas";
+import { timeAgo } from "../../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function Users({ data, url }) {
   return (
@@ -60,7 +60,7 @@ export default define.page<typeof handler>(function Users({ data, url }) {
               )}
               align="right"
             >
-              {twas(new Date(log.createdAt).getTime())}
+              {timeAgo(log.createdAt)}
             </TableData>
           </TableRow>
         ))}

frontend/routes/admin/packages.tsx

@@ -5,7 +5,7 @@ import { List, Package } from "../../utils/api_types.ts";
 import { AdminNav } from "./(_components)/AdminNav.tsx";
 import { URLQuerySearch } from "./(_components)/URLQuerySearch.tsx";
 import { define } from "../../util.ts";
-import twas from "twas";
+import { timeAgo } from "../../utils/timeAgo.ts";
 import { CopyButton } from "./(_islands)/CopyButton.tsx";
 
 export default define.page<typeof handler>(function Packages({ data, url }) {
@@ -82,19 +82,19 @@ export default define.page<typeof handler>(function Packages({ data, url }) {
                 ? new Date(pkg.whenFeatured).toISOString().slice(0, 10)
                 : ""}
             >
-              {pkg.whenFeatured && twas(new Date(pkg.whenFeatured).getTime())}
+              {pkg.whenFeatured && timeAgo(pkg.whenFeatured)}
             </TableData>
             <TableData
               title={new Date(pkg.updatedAt).toISOString().slice(0, 10)}
               align="right"
             >
-              {twas(new Date(pkg.updatedAt).getTime())}
+              {timeAgo(pkg.updatedAt)}
             </TableData>
             <TableData
               title={new Date(pkg.createdAt).toISOString().slice(0, 10)}
               align="right"
             >
-              {twas(new Date(pkg.createdAt).getTime())}
+              {timeAgo(pkg.createdAt)}
             </TableData>
           </TableRow>
         ))}

frontend/routes/admin/publishingTasks.tsx

@@ -122,7 +122,7 @@ export default define.page<typeof handler>(function PublishingTasks({
               )}
               align="right"
             >
-              {twas(new Date(publishingTask.createdAt).getTime())}
+              {timeAgo(publishingTask.createdAt)}
             </TableData>
             <TableData>
               <PublishingTaskRequeue publishingTask={publishingTask} />

frontend/routes/admin/scopes/index.tsx

@@ -6,9 +6,9 @@ import { AdminNav } from "../(_components)/AdminNav.tsx";
 import { URLQuerySearch } from "../(_components)/URLQuerySearch.tsx";
 import { define } from "../../../util.ts";
 import TbArrowRight from "tb-icons/TbArrowRight";
-import twas from "twas";
 import { CopyButton } from "../(_islands)/CopyButton.tsx";
 import { EditModal } from "../(_islands)/EditModal.tsx";
+import { timeAgo } from "../../../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function Scopes({ data, url }) {
   return (
@@ -85,7 +85,7 @@ export default define.page<typeof handler>(function Scopes({ data, url }) {
               title={new Date(scope.createdAt).toISOString().slice(0, 10)}
               align="right"
             >
-              {twas(new Date(scope.createdAt).getTime())}
+              {timeAgo(scope.createdAt)}
             </TableData>
             <TableData align="right">
               <EditModal

frontend/routes/admin/tickets.tsx

@@ -5,8 +5,8 @@ import { AdminNav } from "./(_components)/AdminNav.tsx";
 import { path } from "../../utils/api.ts";
 import { List, Ticket } from "../../utils/api_types.ts";
 import { URLQuerySearch } from "./(_components)/URLQuerySearch.tsx";
-import twas from "twas";
 import { TbCheck, TbClock } from "tb-icons";
+import { timeAgo } from "../../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function Tickets({
   data,
@@ -82,7 +82,7 @@ export default define.page<typeof handler>(function Tickets({
               )}
               align="right"
             >
-              {twas(new Date(ticket.updatedAt).getTime())}
+              {timeAgo(ticket.updatedAt)}
             </TableData>
             <TableData
               title={new Date(ticket.createdAt).toISOString().slice(
@@ -91,7 +91,7 @@ export default define.page<typeof handler>(function Tickets({
               )}
               align="right"
             >
-              {twas(new Date(ticket.createdAt).getTime())}
+              {timeAgo(ticket.createdAt)}
             </TableData>
             <TableData align="right">
               <a class="button-primary" href={`/ticket/${ticket.id}`}>view</a>

frontend/routes/admin/users.tsx

@@ -5,9 +5,9 @@ import { FullUser, List } from "../../utils/api_types.ts";
 import { AdminNav } from "./(_components)/AdminNav.tsx";
 import { URLQuerySearch } from "./(_components)/URLQuerySearch.tsx";
 import { define } from "../../util.ts";
-import twas from "twas";
 import { CopyButton } from "./(_islands)/CopyButton.tsx";
 import { EditModal } from "./(_islands)/EditModal.tsx";
+import { timeAgo } from "../../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function Users({ data, url }) {
   return (
@@ -62,7 +62,7 @@ export default define.page<typeof handler>(function Users({ data, url }) {
               title={new Date(user.createdAt).toISOString().slice(0, 10)}
               align="right"
             >
-              {twas(new Date(user.createdAt).getTime())}
+              {timeAgo(user.createdAt)}
             </TableData>
             <TableData align="right">
               <EditModal

frontend/routes/ticket.tsx

@@ -3,10 +3,10 @@ import { HttpError, RouteConfig } from "fresh";
 import { define } from "../util.ts";
 import type { Ticket, TicketKind } from "../utils/api_types.ts";
 import { path } from "../utils/api.ts";
-import twas from "twas";
 import { TicketMessageInput } from "../islands/TicketMessageInput.tsx";
 import { TbArrowLeft, TbCheck, TbClock } from "tb-icons";
 import { TicketTitle } from "../components/TicketTitle.tsx";
+import { timeAgo } from "../utils/timeAgo.ts";
 
 export default define.page<typeof handler>(function Ticket({
   data,
@@ -90,7 +90,7 @@ export default define.page<typeof handler>(function Ticket({
                   </span>
                 </div>
                 <div>
-                  {twas(new Date(message.createdAt).getTime())}
+                  {timeAgo(message.createdAt)}
                 </div>
               </div>
               <pre class="mt-4 font-sans text-wrap">