infoalloggi-monorepo/apps/infoalloggi/emails/VerificaEmail.tsx
Marco Pedone 964abfbf46 feat: add email queue management features
- Implemented FormNewMail for creating new email entries in the queue.
- Enhanced AdminPotenziali page layout for better responsiveness.
- Added Coda component to manage user email queues, including adding, removing, and clearing emails.
- Updated API routes for managing email queue operations, including adding, removing, and clearing user email queues.
- Introduced new mail templates and integrated them into the mailer service.
- Improved error handling in the email queue controller and service.
- Added Zod validation for event IDs in the utility types.
2026-04-03 11:51:55 +02:00

43 lines
1.2 KiB
TypeScript

import { Button, Heading, Row, Section, Text } from "@react-email/components";
import z from "zod";
import { env } from "~/env";
import Base from "./base";
export const VerificaEmailMailTag = "verificaEmail";
export const VerificaEmailPropsSchema = z.object({
token: z.string(),
userId: z.string(),
redirect: z.string().optional(),
});
const VerificaEmail = ({
token,
userId,
redirect,
}: z.infer<typeof VerificaEmailPropsSchema>) => {
return (
<Base noreply preview="Verifica la tua email">
<>
<Heading className="text-center text-3xl leading-8">
Verifica la tua email
</Heading>
<Section className="px-4 text-center text-base md:px-12">
<Row>
<Text>
Clicca sul pulsante qui sotto per verificare la tua email.
</Text>
</Row>
<Button
className="mx-auto box-border inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold text-neutral-900"
href={`${env.BASE_URL}/auth/verifica-email-action?t=${token}&u=${userId}${redirect ? `&r=${redirect}` : ""}`}
>
Clicca qui per verificare
</Button>
</Section>
</>
</Base>
);
};
export default VerificaEmail;