chore: implemented feedback + a small refactoring

apps/web/src/app/(dashboard)/settings/token/page.tsx

@@ -3,7 +3,7 @@ import { ApiTokenForm } from '~/components/forms/token';
 export default function ApiToken() {
   return (
     <div>
-      <h3 className="text-lg font-medium">API Token</h3>
+      <h3 className="text-lg font-medium">API Tokens</h3>
 
       <p className="text-muted-foreground mt-2 text-sm">
         On this page, you can create new API tokens and manage the existing ones.

apps/web/src/components/forms/token.tsx

@@ -6,6 +6,7 @@ import { useRouter } from 'next/navigation';
 
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader } from 'lucide-react';
+import { DateTime } from 'luxon';
 import { useForm } from 'react-hook-form';
 import type { z } from 'zod';
 
@@ -139,23 +140,13 @@ export const ApiTokenForm = ({ className }: ApiTokenFormProps) => {
                 <p className="text-sm">
                   Created:{' '}
                   {token.createdAt
-                    ? new Date(token.createdAt).toLocaleDateString(undefined, {
-                        weekday: 'long',
-                        year: 'numeric',
-                        month: 'long',
-                        day: 'numeric',
-                      })
+                    ? DateTime.fromJSDate(token.createdAt).toLocaleString(DateTime.DATETIME_FULL)
                     : 'N/A'}
                 </p>
                 <p className="mb-4 text-sm">
                   Expires:{' '}
                   {token.expires
-                    ? new Date(token.expires).toLocaleDateString(undefined, {
-                        weekday: 'long',
-                        year: 'numeric',
-                        month: 'long',
-                        day: 'numeric',
-                      })
+                    ? DateTime.fromJSDate(token.createdAt).toLocaleString(DateTime.DATETIME_FULL)
                     : 'N/A'}
                 </p>
                 <DeleteTokenDialog

apps/web/src/pages/api/v1/[...ts-rest].tsx

@@ -12,27 +12,20 @@ import { getPresignPostUrl } from '@documenso/lib/universal/upload/server-action
 import { contract } from '@documenso/trpc/api-contract/contract';
 import { createNextRoute, createNextRouter } from '@documenso/trpc/server/public-api/ts-rest';
 
-const validateUserToken = async (token: string) => {
-  try {
-    return await checkUserFromToken({ token });
-  } catch (e) {
-    return null;
-  }
-};
-
 const router = createNextRoute(contract, {
   getDocuments: async (args) => {
     const page = Number(args.query.page) || 1;
     const perPage = Number(args.query.perPage) || 10;
     const { authorization } = args.headers;
+    let user;
 
-    const user = await validateUserToken(authorization);
-
-    if (!user) {
+    try {
+      user = await checkUserFromToken({ token: authorization });
+    } catch (e) {
       return {
         status: 401,
         body: {
-          message: 'Unauthorized',
+          message: e.message,
         },
       };
     }
@@ -50,14 +43,15 @@ const router = createNextRoute(contract, {
   getDocument: async (args) => {
     const { id: documentId } = args.params;
     const { authorization } = args.headers;
+    let user;
 
-    const user = await validateUserToken(authorization);
-
-    if (!user) {
+    try {
+      user = await checkUserFromToken({ token: authorization });
+    } catch (e) {
       return {
         status: 401,
         body: {
-          message: 'Unauthorized',
+          message: e.message,
         },
       };
     }
@@ -82,13 +76,15 @@ const router = createNextRoute(contract, {
     const { id: documentId } = args.params;
     const { authorization } = args.headers;
 
-    const user = await validateUserToken(authorization);
+    let user;
 
-    if (!user) {
+    try {
+      user = await checkUserFromToken({ token: authorization });
+    } catch (e) {
       return {
         status: 401,
         body: {
-          message: 'Unauthorized',
+          message: e.message,
         },
       };
     }
@@ -141,14 +137,15 @@ const router = createNextRoute(contract, {
     const { authorization } = args.headers;
     const { id } = args.params;
     const { body } = args;
+    let user;
 
-    const user = await validateUserToken(authorization);
-
-    if (!user) {
+    try {
+      user = await checkUserFromToken({ token: authorization });
+    } catch (e) {
       return {
         status: 401,
         body: {
-          message: 'Unauthorized',
+          message: e.message,
         },
       };
     }