import { Body, Button, Container, Head, Heading, Html, Img, Link, Preview, Section, Tailwind, Text, } from '@react-email/components'; import { EmailFooter } from './emailFooter'; import { SOURCEBOT_LOGO_LIGHT_LARGE_URL } from './constants'; interface JoinRequestApprovedEmailProps { baseUrl: string; user: { email: string; name?: string; avatarUrl?: string; }, orgName: string; orgDomain: string; } export const JoinRequestApprovedEmail = ({ baseUrl, user, orgName, orgDomain, }: JoinRequestApprovedEmailProps) => { const previewText = `Your request to join ${orgName} on Sourcebot has been approved`; const orgLink = `${baseUrl}/${orgDomain}`; return ( {previewText}

Welcome to {orgName} Hello{user.name ? ` ${user.name}` : ''}, Your request to join {orgName} on Sourcebot has been approved. You now have access to the organization.

or copy and paste this URL into your browser:{' '} {orgLink} ); }; JoinRequestApprovedEmail.PreviewProps = { baseUrl: 'http://localhost:3000', user: { name: 'Alan Turing', email: 'alan.turing@example.com', avatarUrl: `http://localhost:3000/placeholder_avatar.png`, }, orgName: 'Enigma', orgDomain: '~', } satisfies JoinRequestApprovedEmailProps; export default JoinRequestApprovedEmail;