remove "and again for" verbiage

Author: steven-tey

apps/web/app/(ee)/partners.dub.co/(apply)/[programSlug]/apply/success/screenshot.tsx

@@ -347,8 +347,7 @@ export function Screenshot({
             >
               20%
             </tspan>
-            <tspan> for each conversion, and again </tspan>
-            <tspan fontWeight="600">every month</tspan>
+            <tspan> for each conversion</tspan>
           </text>
           <text
             xmlSpace="preserve"

apps/web/app/api/og/program/route.tsx

@@ -62,6 +62,8 @@ export async function GET(req: NextRequest) {
 
   const { rewards } = getGroupRewardsAndDiscount(program.groups[0]);
 
+  const reward = rewards[0];
+
   return new ImageResponse(
     (
       <div
@@ -144,16 +146,35 @@ export async function GET(req: NextRequest) {
                 {/* @ts-ignore */}
                 <InvoiceDollar tw="w-8 h-8 mr-4" />
                 <strong
-                  tw="font-semibold mr-1"
+                  tw="font-semibold mr-1.5"
                   style={{ fontFamily: "Inter Semibold" }}
                 >
-                  {constructRewardAmount(rewards[0])} per {rewards[0].event}
+                  {constructRewardAmount(rewards[0])}
+                  {reward.event === "sale" && reward.maxDuration === 0
+                    ? " for the first sale"
+                    : ` per ${reward.event}`}
                 </strong>
-                {rewards[0].maxDuration === null ? (
-                  "for the customer's lifetime"
-                ) : rewards[0].maxDuration && rewards[0].maxDuration > 1 ? (
+                {reward.maxDuration === null ? (
+                  <>
+                    for the
+                    <strong
+                      tw="font-semibold ml-1.5"
+                      style={{ fontFamily: "Inter Semibold" }}
+                    >
+                      customer's lifetime
+                    </strong>
+                  </>
+                ) : reward.maxDuration && reward.maxDuration > 1 ? (
                   <>
-                    , and again every month for {rewards[0].maxDuration} months
+                    for
+                    <strong
+                      tw="font-semibold ml-1.5"
+                      style={{ fontFamily: "Inter Semibold" }}
+                    >
+                      {reward.maxDuration % 12 === 0
+                        ? `${reward.maxDuration / 12} year${reward.maxDuration / 12 > 1 ? "s" : ""}`
+                        : `${reward.maxDuration} months`}
+                    </strong>
                   </>
                 ) : null}
               </div>

packages/email/src/templates/partner-application-approved.tsx

@@ -28,7 +28,7 @@ export default function PartnerApplicationApproved({
     email: "[email protected]",
     payoutsEnabled: false,
   },
-  rewardDescription = "Earn 30% for each sale and again every month for 12 months.",
+  rewardDescription = "Earn 30% for each sale for 12 months.",
 }: {
   program: {
     name: string;