import {
Body,
Button,
Container,
Head,
Hr,
Html,
Img,
Link,
Section,
Tailwind,
Text,
} from "@react-email/components";
import type { FC } from "react";
export type ReconnectionEmailProps = {
baseUrl: string;
email: string;
unsubscribeToken: string;
};
type ReconnectionEmailComponent = FC & {
PreviewProps: ReconnectionEmailProps;
};
const ReconnectionEmail: ReconnectionEmailComponent = ({
baseUrl = "https://www.getinboxzero.com",
email,
unsubscribeToken,
}: ReconnectionEmailProps) => {
const reconnectUrl = `${baseUrl}/accounts`;
return (
{/* Header */}
Inbox Zero
Action Required: Your email account was disconnected
{/* Main Content */}
Hi,
The connection for {email} to Inbox Zero was
disconnected. This usually happens after a password change, if
access was revoked, or if your 6-month approval period has
expired.
Please reconnect your account to resume your automated email
rules and AI assistant features.
{/* CTA Button */}
If you didn't expect this, it's likely a security measure from
your email provider. Reconnecting is safe and only takes a few
seconds.
{/* Footer */}
);
};
export default ReconnectionEmail;
function Footer({
baseUrl,
unsubscribeToken,
}: {
baseUrl: string;
unsubscribeToken: string;
}) {
return (
You're receiving this email because your email account is connected to
Inbox Zero.
![Inbox Zero]({"https://www.getinboxzero.com/icon.png"}){kind=icon}