feat: add rent calendar reminder link

Made-with: Cursor

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',
     },
   },
   {

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>
+            {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) {