Chungus 2.0

2026-01-28 22:00:51 +00:00 · 2025-10-10 11:27:15 -07:00
parent f64a477c3d
commit d92b87b7c8
224 changed files with 1507 additions and 1586 deletions
--- a/server/emails/templates/NotifyUsageLimitApproaching.tsx
+++ b/server/emails/templates/NotifyUsageLimitApproaching.tsx
@@ -0,0 +1,69 @@
+import React from "react";
+import { Body, Head, Html, Preview, Tailwind } from "@react-email/components";
+import { themeColors } from "./lib/theme";
+import {
+    EmailContainer,
+    EmailFooter,
+    EmailGreeting,
+    EmailHeading,
+    EmailLetterHead,
+    EmailSignature,
+    EmailText
+} from "./components/Email";
+
+interface Props {
+    email: string;
+    limitName: string;
+    currentUsage: number;
+    usageLimit: number;
+    billingLink: string; // Link to billing page
+}
+
+export const NotifyUsageLimitApproaching = ({ email, limitName, currentUsage, usageLimit, billingLink }: Props) => {
+    const previewText = `Your usage for ${limitName} is approaching the limit.`;
+    const usagePercentage = Math.round((currentUsage / usageLimit) * 100);
+
+    return (
+        <Html>
+            <Head />
+            <Preview>{previewText}</Preview>
+            <Tailwind config={themeColors}>
+                <Body className="font-sans bg-gray-50">
+                    <EmailContainer>
+                        <EmailLetterHead />
+
+                        <EmailHeading>Usage Limit Warning</EmailHeading>
+
+                        <EmailGreeting>Hi there,</EmailGreeting>
+
+                        <EmailText>
+                            We wanted to let you know that your usage for <strong>{limitName}</strong> is approaching your plan limit.
+                        </EmailText>
+
+                        <EmailText>
+                            <strong>Current Usage:</strong> {currentUsage} of {usageLimit} ({usagePercentage}%)
+                        </EmailText>
+
+                        <EmailText>
+                            Once you reach your limit, some functionality may be restricted or your sites may disconnect until you upgrade your plan or your usage resets.
+                        </EmailText>
+
+                        <EmailText>
+                            To avoid any interruption to your service, we recommend upgrading your plan or monitoring your usage closely. You can <a href={billingLink}>upgrade your plan here</a>.
+                        </EmailText>
+
+                        <EmailText>
+                            If you have any questions or need assistance, please don't hesitate to reach out to our support team.
+                        </EmailText>
+
+                        <EmailFooter>
+                            <EmailSignature />
+                        </EmailFooter>
+                    </EmailContainer>
+                </Body>
+            </Tailwind>
+        </Html>
+    );
+};
+
+export default NotifyUsageLimitApproaching;