OAuth Linked Email Template (layouts/OAuthLinked.tsx)

A React Email template notifying users when a new OAuth provider is linked to their account. Reuse in authentication workflows to alert users of security changes.

// Source: https://github.com/0xdps/emailflare | License: MIT | Copyright 2026 0xdps
// Provided via justclaw.it.com; keep this notice with the code.
import * as React from "react";
import {
	Body,
	Button,
	Container,
	Head,
	Heading,
	Html,
	Preview,
	Section,
	Text,
	Tailwind,
} from "@react-email/components";
import { getThemeConfig } from "../ThemeContext.js";

interface OAuthLinkedProps {
	name?: string;
	appName?: string;
	providerName?: string;
	linkedDate?: string;
	deviceInfo?: string;
	secureUrl?: string;
}

export const OAuthLinked: React.FC<OAuthLinkedProps> = ({
	name = "there",
	appName = "our app",
	providerName = "Google",
	linkedDate = "just now",
	deviceInfo = "Unknown device",
	secureUrl = "#",
}) => (
	<Html>
		<Head />
		<Preview>Security alert: new OAuth account link

... (truncated -- full source via MCP)