From 4a77f29b58999f875fe71c4b2f10a90e3e4d463b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Ckirukib=E2=80=9D?= <“kirubeljkl679@gmail.com”>
Date: Thu, 12 Mar 2026 00:48:14 +0300
Subject: [PATCH] feat: add rent calendar reminder link

Made-with: Cursor
---
 src/email/sampleData.ts |  1 +
 src/email/templates.tsx | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/email/sampleData.ts b/src/email/sampleData.ts
index d40670d..94fd2ad 100644
--- a/src/email/sampleData.ts
+++ b/src/email/sampleData.ts
@@ -105,6 +105,7 @@ export const templates = [
         },
       ],
       paymentOptionsUrl: 'https://yaltopia.home/payments',
+      calendarUrl: 'https://calendar.yaltopia.home/add/rent-REMINDER-0293',
     },
   },
   {
diff --git a/src/email/templates.tsx b/src/email/templates.tsx
index 4891fe3..62c92d7 100644
--- a/src/email/templates.tsx
+++ b/src/email/templates.tsx
@@ -145,6 +145,7 @@ export interface BillReminderEmailProps extends CommonEmailProps {
   paymentUrl?: string
   bankDetails?: BankDetails[]
   paymentOptionsUrl?: string
+  calendarUrl?: string
 }
 
 export function BillPaymentReminderEmail(props: BillReminderEmailProps) {
@@ -160,6 +161,7 @@ export function BillPaymentReminderEmail(props: BillReminderEmailProps) {
     paymentUrl,
     bankDetails,
     paymentOptionsUrl,
+    calendarUrl,
   } = props
   return (
     <BaseEmailShell
@@ -205,9 +207,18 @@ export function BillPaymentReminderEmail(props: BillReminderEmailProps) {
       </div>
       <div className="button-row">
         {paymentUrl ? (
-          <a href={paymentUrl} className="primary-button">
-            Submit payment details
-          </a>
+          <>
+            <a href={paymentUrl} className="primary-button">
+              Submit payment details
+            </a>
+            {calendarUrl && rent && (
+              <span className="pill">
+                <a href={calendarUrl} className="secondary-link">
+                  Add monthly rent reminder
+                </a>
+              </span>
+            )}
+          </>
         ) : (
           <span className="small-text">
             Pay using the bank details below and include your reference.
@@ -249,6 +260,7 @@ export interface SingleChargeReminderProps extends CommonEmailProps {
   paymentUrl?: string
   bankDetails?: BankDetails[]
   paymentOptionsUrl?: string
+  calendarUrl?: string
 }
 
 export function RentBillReminderEmail(props: SingleChargeReminderProps) {