| 33 | } |
| 34 | |
| 35 | export const InviteUserEmail = ({ |
| 36 | baseUrl, |
| 37 | host, |
| 38 | recipient, |
| 39 | orgName, |
| 40 | orgImageUrl, |
| 41 | inviteLink, |
| 42 | }: InviteUserEmailProps) => { |
| 43 | const previewText = `Join ${host.name ?? host.email} on Sourcebot`; |
| 44 | |
| 45 | return ( |
| 46 | <Html> |
| 47 | <Head /> |
| 48 | <Tailwind> |
| 49 | <Body className="bg-white my-auto mx-auto font-sans px-2"> |
| 50 | <Preview>{previewText}</Preview> |
| 51 | <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]"> |
| 52 | <Section className="mt-[32px]"> |
| 53 | <Img |
| 54 | src={SOURCEBOT_LOGO_LIGHT_LARGE_URL} |
| 55 | width="auto" |
| 56 | height="60" |
| 57 | alt="Sourcebot Logo" |
| 58 | className="my-0 mx-auto" |
| 59 | /> |
| 60 | </Section> |
| 61 | <Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0"> |
| 62 | Join <strong>{orgName}</strong> on <strong>Sourcebot</strong> |
| 63 | </Heading> |
| 64 | <Text className="text-black text-[14px] leading-[24px]"> |
| 65 | {`Hello${recipient.name ? ` ${recipient.name.split(' ')[0]}` : ''},`} |
| 66 | </Text> |
| 67 | <Text className="text-black text-[14px] leading-[24px]"> |
| 68 | <InvitedByText email={host.email} name={host.name} /> has invited you to the <strong>{orgName}</strong> organization on{' '} |
| 69 | <strong>Sourcebot</strong>. |
| 70 | </Text> |
| 71 | <Section> |
| 72 | <Row> |
| 73 | <Column align="right"> |
| 74 | <Img |
| 75 | className="rounded-full" |
| 76 | src={host.avatarUrl ?? `${baseUrl}/api/minidenticon?email=${encodeURIComponent(host.email)}`} |
| 77 | width="64" |
| 78 | height="64" |
| 79 | /> |
| 80 | </Column> |
| 81 | <Column align="center"> |
| 82 | <Img |
| 83 | src={SOURCEBOT_ARROW_IMAGE_URL} |
| 84 | width="12" |
| 85 | height="9" |
| 86 | alt="invited you to" |
| 87 | /> |
| 88 | </Column> |
| 89 | <Column align="left"> |
| 90 | <Img |
| 91 | className="rounded-full" |
| 92 | src={orgImageUrl ? orgImageUrl : SOURCEBOT_PLACEHOLDER_AVATAR_URL} |