mirror of
https://github.com/renee-png/acmcc.git
synced 2026-06-21 09:50:01 +00:00
admin
b1486a0b2a
Replace Lovable-bound email transport and auth webhook so the platform sends all automated email through its own infrastructure. - process-email-queue: drop sendLovableEmail/LOVABLE_API_KEY; send via the Hostinger Email API (primary) with automatic SMTP fallback. Shared transports added in _shared/hostinger-mail.ts and _shared/smtp-send.ts. - auth-email-hook: verify Supabase's native Send Email hook signature (Standard Webhooks via SEND_EMAIL_HOOK_SECRET) instead of Lovable's libs; build the GoTrue verify URL; keep enqueue → process-email-queue. - Recreate the 6 auth email templates under _shared/email-templates/ that previously only existed in the deployed function. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
71 lines
1.6 KiB
TypeScript
71 lines
1.6 KiB
TypeScript
/// <reference types="npm:@types/react@18.3.1" />
|
|
|
|
import * as React from 'npm:react@18.3.1'
|
|
|
|
import {
|
|
Body,
|
|
Button,
|
|
Container,
|
|
Head,
|
|
Heading,
|
|
Html,
|
|
Preview,
|
|
Text,
|
|
} from 'npm:@react-email/components@0.0.22'
|
|
|
|
interface MagicLinkEmailProps {
|
|
siteName: string
|
|
confirmationUrl: string
|
|
}
|
|
|
|
export const MagicLinkEmail = ({
|
|
siteName,
|
|
confirmationUrl,
|
|
}: MagicLinkEmailProps) => (
|
|
<Html lang="en" dir="ltr">
|
|
<Head />
|
|
<Preview>Your login link for {siteName}</Preview>
|
|
<Body style={main}>
|
|
<Container style={container}>
|
|
<Heading style={h1}>Your login link</Heading>
|
|
<Text style={text}>
|
|
Click the button below to log in to {siteName}. This link will expire
|
|
shortly.
|
|
</Text>
|
|
<Button style={button} href={confirmationUrl}>
|
|
Log In
|
|
</Button>
|
|
<Text style={footer}>
|
|
If you didn't request this link, you can safely ignore this email.
|
|
</Text>
|
|
</Container>
|
|
</Body>
|
|
</Html>
|
|
)
|
|
|
|
export default MagicLinkEmail
|
|
|
|
const main = { backgroundColor: '#ffffff', fontFamily: 'Arial, sans-serif' }
|
|
const container = { padding: '20px 25px' }
|
|
const h1 = {
|
|
fontSize: '22px',
|
|
fontWeight: 'bold' as const,
|
|
color: '#000000',
|
|
margin: '0 0 20px',
|
|
}
|
|
const text = {
|
|
fontSize: '14px',
|
|
color: '#55575d',
|
|
lineHeight: '1.5',
|
|
margin: '0 0 25px',
|
|
}
|
|
const button = {
|
|
backgroundColor: '#000000',
|
|
color: '#ffffff',
|
|
fontSize: '14px',
|
|
borderRadius: '8px',
|
|
padding: '12px 20px',
|
|
textDecoration: 'none',
|
|
}
|
|
const footer = { fontSize: '12px', color: '#999999', margin: '30px 0 0' }
|