Update landing page

apps/web/src/app/(dashboard)/domains/[domainId]/send-test-mail.tsx

@@ -151,6 +151,7 @@ export const SendTestMail: React.FC<{ domain: Domain }> = ({ domain }) => {
             { language: "php", code: phpCode },
             { language: "python", code: pythonCode },
           ]}
+          codeClassName="max-w-[38rem] h-[20rem]"
         />
         <div className="flex justify-end w-full">
           <Button

apps/web/src/app/(dashboard)/emails/email-details.tsx

@@ -57,7 +57,7 @@ export default function EmailDetails({ emailId }: { emailId: string }) {
                     <div className=" -ml-2.5">
                       <EmailStatusIcon status={evt.status} />
                     </div>
-                    <div className="-mt-1">
+                    <div className="-mt-[0.125rem]">
                       <div className=" capitalize font-medium">
                         <EmailStatusBadge status={evt.status} />
                       </div>

apps/web/src/app/(dashboard)/emails/email-status-badge.tsx

@@ -12,7 +12,7 @@ export const EmailStatusBadge: React.FC<{ status: EmailStatus }> = ({
       badgeColor = "bg-emerald-500/10 text-emerald-500 border-emerald-600/10";
       break;
     case "BOUNCED":
-      badgeColor = "bg-red-500/10 text-red-800 border-red-600/10";
+      badgeColor = "bg-red-500/10 text-red-600 border-red-600/10";
       break;
     case "CLICKED":
       badgeColor = "bg-cyan-500/10 text-cyan-600 border-cyan-600/10";
@@ -47,27 +47,27 @@ export const EmailStatusIcon: React.FC<{ status: EmailStatus }> = ({
 
   switch (status) {
     case "DELIVERED":
-      outsideColor = "bg-emerald-500/40";
+      outsideColor = "bg-emerald-500/30";
       insideColor = "bg-emerald-500";
       break;
     case "BOUNCED":
-      outsideColor = "bg-red-500/40";
+      outsideColor = "bg-red-500/30";
       insideColor = "bg-red-500";
       break;
     case "CLICKED":
-      outsideColor = "bg-cyan-500/40";
+      outsideColor = "bg-cyan-500/30";
       insideColor = "bg-cyan-500";
       break;
     case "OPENED":
-      outsideColor = "bg-indigo-500/40";
+      outsideColor = "bg-indigo-500/30";
       insideColor = "bg-indigo-500";
       break;
     case "DELIVERY_DELAYED":
-      outsideColor = "bg-yellow-500/40";
+      outsideColor = "bg-yellow-500/30";
       insideColor = "bg-yellow-500";
       break;
     case "COMPLAINED":
-      outsideColor = "bg-yellow-500/40";
+      outsideColor = "bg-yellow-500/30";
       insideColor = "bg-yellow-500";
       break;
     default:

apps/web/src/server/public-api/api/domains/get-domains.ts

@@ -1,8 +1,8 @@
 import { createRoute, z } from "@hono/zod-openapi";
 import { DomainSchema } from "~/lib/zod/domain-schema";
-import { PublicAPIApp } from "../hono";
-import { db } from "../../db";
-import { getTeamFromToken } from "../auth";
+import { PublicAPIApp } from "~/server/public-api/hono";
+import { db } from "~/server/db";
+import { getTeamFromToken } from "~/server/public-api/auth";
 
 const route = createRoute({
   method: "get",

apps/web/src/server/public-api/api/emails/send-email.ts

@@ -1,6 +1,6 @@
 import { createRoute, z } from "@hono/zod-openapi";
-import { PublicAPIApp } from "../hono";
-import { getTeamFromToken } from "../auth";
+import { PublicAPIApp } from "~/server/public-api/hono";
+import { getTeamFromToken } from "~/server/public-api/auth";
 import { sendEmail } from "~/server/service/email-service";
 
 const route = createRoute({

apps/web/src/server/public-api/auth.ts

@@ -3,6 +3,9 @@ import { hashToken } from "../auth";
 import { db } from "../db";
 import { UnsendApiError } from "./api-error";
 
+/**
+ * Gets the team from the token. Also will check if the token is valid.
+ */
 export const getTeamFromToken = async (c: Context) => {
   const authHeader = c.req.header("Authorization");
   if (!authHeader) {
@@ -11,7 +14,7 @@ export const getTeamFromToken = async (c: Context) => {
       message: "No Authorization header provided",
     });
   }
-  const token = authHeader.split(" ")[1]; // Assuming the Authorization header is in the format "Bearer <token>"
+  const token = authHeader.split(" ")[1];
   if (!token) {
     throw new UnsendApiError({
       code: "UNAUTHORIZED",
@@ -38,5 +41,15 @@ export const getTeamFromToken = async (c: Context) => {
     });
   }
 
+  // No await so it won't block the request. Need to be moved to a queue in future
+  db.apiKey.update({
+    where: {
+      tokenHash: hashedToken,
+    },
+    data: {
+      lastUsed: new Date(),
+    },
+  });
+
   return team;
 };

apps/web/src/server/public-api/index.ts

@@ -1,10 +1,13 @@
 import { getApp } from "./hono";
-import getDomains from "./api/get-domains";
-import sendEmail from "./api/send-email";
+import getDomains from "./api/domains/get-domains";
+import sendEmail from "./api/emails/send-email";
 
 export const app = getApp();
 
+/**Domain related APIs */
 getDomains(app);
+
+/**Email related APIs */
 sendEmail(app);
 
 export default app;