Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion apps/web/lib/actions/referrals/submit-referral.ts
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ export const submitReferralAction = authPartnerActionClient
programId,
include: {
program: true,
partner: true,
},
});

Expand Down Expand Up @@ -150,7 +151,8 @@ export const submitReferralAction = authPartnerActionClient
Promise.allSettled([
notifyPartnerReferralSubmitted({
referral,
programId,
program: programEnrollment.program,
partner: programEnrollment.partner,
}),

trackActivityLog({
Expand Down
20 changes: 10 additions & 10 deletions apps/web/lib/api/referrals/notify-partner-referral-submitted.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,20 @@ import { getCompanyLogoUrl } from "@/ui/referrals/referral-utils";
import { sendBatchEmail } from "@dub/email";
import PartnerReferralSubmitted from "@dub/email/templates/partner-referral-submitted";
import { prisma } from "@dub/prisma";
import { PartnerReferral } from "@dub/prisma/client";
import { Partner, PartnerReferral, Program } from "@dub/prisma/client";

export async function notifyPartnerReferralSubmitted({
referral,
programId,
program,
partner,
}: {
referral: Pick<
PartnerReferral,
"id" | "name" | "email" | "company" | "formData"
>;
programId: string;
program: Pick<Program, "workspaceId">;
partner: Pick<Partner, "name" | "email" | "image">;
}) {
const program = await prisma.program.findUnique({
where: { id: programId },
select: { workspaceId: true },
});

if (!program) return;

const workspaceUsers = await prisma.projectUsers.findMany({
where: {
projectId: program.workspaceId,
Expand Down Expand Up @@ -72,6 +67,11 @@ export async function notifyPartnerReferralSubmitted({
image: getCompanyLogoUrl(referral.email),
formData,
},
partner: {
name: partner.name,
email: partner.email,
image: partner.image,
},
}),
})),
);
Expand Down
90 changes: 88 additions & 2 deletions packages/email/src/templates/partner-referral-submitted.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,11 @@ export default function PartnerReferralSubmitted({
},
],
},
partner = {
name: "Sarah Charpentier",
email: "sarah@floridaman.org",
image: null,
},
}: {
email: string;
workspace: { slug: string };
Expand All @@ -47,6 +52,11 @@ export default function PartnerReferralSubmitted({
image: string | null;
formData?: { label: string; value: unknown }[] | null;
};
partner: {
name: string;
email: string | null;
image: string | null;
};
}) {
const referralUrl = `https://app.dub.co/${workspace.slug}/program/customers/referrals?referralId=${referral.id}`;

Expand Down Expand Up @@ -80,8 +90,8 @@ export default function PartnerReferralSubmitted({
</Text>

<Container className="mt-10 rounded-lg border border-solid border-neutral-200">
<Section className="p-2">
<Container className="w-full rounded-lg border border-solid border-neutral-100 bg-neutral-50 p-6">
<Section style={{ padding: "8px 8px 4px" }}>
<Container className="w-full rounded-lg border border-solid border-neutral-100 bg-neutral-50 p-5">
<div>
<Img
src={
Expand Down Expand Up @@ -163,6 +173,82 @@ export default function PartnerReferralSubmitted({
</table>
</div>
</div>

<table
cellPadding="0"
cellSpacing="0"
style={{
width: "100%",
backgroundColor: "#f2f2f2",
borderRadius: "12px",
padding: "12px",
marginTop: "20px",
}}
>
<tr>
<td style={{ paddingBottom: "8px" }}>
<Text
className="m-0 p-0 text-xs font-semibold"
style={{
margin: 0,
lineHeight: "16px",
color: "#737373",
}}
>
Submitted by
</Text>
</td>
</tr>
<tr>
<td>
<table cellPadding="0" cellSpacing="0">
<tr>
<td
style={{
verticalAlign: "middle",
paddingRight: "8px",
}}
>
<Img
src={
partner.image ||
`${OG_AVATAR_URL}${partner.email || partner.name}`
}
width="32"
height="32"
alt={partner.name}
className="rounded-full"
/>
</td>
<td style={{ verticalAlign: "middle" }}>
<Text
className="m-0 p-0 text-xs font-semibold"
style={{
margin: 0,
lineHeight: "16px",
color: "#171717",
}}
>
{partner.name}
</Text>
{partner.email && (
<Text
className="m-0 p-0 text-xs font-medium"
style={{
margin: 0,
lineHeight: "16px",
color: "#737373",
}}
>
{partner.email}
</Text>
)}
</td>
</tr>
</table>
</td>
</tr>
</table>
</Container>

{referral.formData && referral.formData.length > 0 && (
Expand Down