feat: add link to fallback, add constants

Author: wackerow

app/[locale]/enterprise/_components/ContactForm/index.tsx

@@ -19,7 +19,7 @@ type EnterpriseContactFormProps = {
       domain: React.ReactNode // Link injected
       emailInvalid: string
       emailTooLong: string
-      general: string
+      general: React.ReactNode // Link injected
       messageTooLong: string
       required: string
     }
@@ -46,7 +46,7 @@ type FormState = {
 type FormErrors = {
   email?: React.ReactNode
   message?: React.ReactNode
-  general?: string
+  general?: React.ReactNode
 }
 
 type SubmissionState = "idle" | "submitting" | "success" | "error"

app/[locale]/enterprise/constants.ts

@@ -1,2 +1,4 @@
+export const ENTERPRISE_EMAIL = "[email protected]"
+export const ENTERPRISE_MAILTO = `mailto:${ENTERPRISE_EMAIL}?subject=Enterprise%20inquiry`
 export const MAX_EMAIL_LENGTH = 2 ** 6 // 64
 export const MAX_MESSAGE_LENGTH = 2 ** 12 // 4,096

app/[locale]/enterprise/page.tsx

@@ -51,7 +51,12 @@ import { BASE_TIME_UNIT } from "@/lib/constants"
 import CasesColumn from "./_components/CasesColumn"
 import EnterpriseContactForm from "./_components/ContactForm/lazy"
 import FeatureCard from "./_components/FeatureCard"
-import { MAX_EMAIL_LENGTH, MAX_MESSAGE_LENGTH } from "./constants"
+import {
+  ENTERPRISE_EMAIL,
+  ENTERPRISE_MAILTO,
+  MAX_EMAIL_LENGTH,
+  MAX_MESSAGE_LENGTH,
+} from "./constants"
 import type { Case, EcosystemPlayer, Feature } from "./types"
 import { parseActivity } from "./utils"
 
@@ -511,7 +516,11 @@ const Page = async ({ params }: { params: { locale: Lang } }) => {
                     length: MAX_EMAIL_LENGTH,
                   }
                 ),
-                general: t("page-enterprise-team-form-error-general"),
+                general: t.rich("page-enterprise-team-form-error-general", {
+                  a: () => (
+                    <Link href={ENTERPRISE_MAILTO}>{ENTERPRISE_EMAIL}</Link>
+                  ),
+                }),
                 messageTooLong: t(
                   "page-enterprise-team-form-error-message-too-long",
                   {

src/intl/en/page-enterprise.json

@@ -46,7 +46,7 @@
   "page-enterprise-team-form-error-domain": "Please use a business, institutional, or organizational email address (e.g., no @gmail). For general question <a>join our Discord</a>.",
   "page-enterprise-team-form-error-email-invalid": "Please enter a valid email address",
   "page-enterprise-team-form-error-email-too-long": "Email address is too long (maximum {length} characters)",
-  "page-enterprise-team-form-error-general": "Unable to send your message. Please try again or contact us directly at [email protected]",
+  "page-enterprise-team-form-error-general": "Unable to send your message. Please try again or contact us directly at <a>@</a>",
   "page-enterprise-team-form-error-message-too-long": "Message is too long (maximum {length} characters)",
   "page-enterprise-team-form-error-required": "Required",
   "page-enterprise-team-form-error-short": "Please provide at least <span>#</span> characters describing your inquiry",