naresh/nrx.sh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ensure pre-rendering does not fail

Browse Source
This commit is contained in:
Nareshkumar Rao 2025-04-02 02:07:22 +02:00
parent 2eb60f12a0
commit 54970c2d33
2 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/contact/ContactComponent.tsx
View File

@ -7,7 +7,7 @@ import ReCAPTCHA from "react-google-recaptcha";
export default function ContactComponent({ export default function ContactComponent({
recaptchaSiteKey, recaptchaSiteKey,
}: { }: {
recaptchaSiteKey: string; recaptchaSiteKey: string | undefined;
}) { }) {
const inputStyle = { const inputStyle = {
backgroundColor: "#111", backgroundColor: "#111",
@ -57,7 +57,7 @@ export default function ContactComponent({
{"success" in state && "Submitted successfully!"} {"success" in state && "Submitted successfully!"}
</span> </span>
)} )}
<ReCAPTCHA sitekey={recaptchaSiteKey} theme="dark" /> <ReCAPTCHA sitekey={recaptchaSiteKey ?? ""} theme="dark" />
<button <button
type="submit" type="submit"
style={{ style={{
@ -71,7 +71,7 @@ export default function ContactComponent({
onMouseLeave={(e) => { onMouseLeave={(e) => {
if (!pending) e.currentTarget.style.backgroundColor = "#111"; if (!pending) e.currentTarget.style.backgroundColor = "#111";
}} }}
disabled={pending} disabled={pending || recaptchaSiteKey == null}
> >
{pending ? "Sending..." : "Submit"} {pending ? "Sending..." : "Submit"}
</button> </button>

4
src/app/contact/page.tsx
View File

@ -4,9 +4,5 @@ import ContactComponent from "./ContactComponent";
export default async function ContactPage() { export default async function ContactPage() {
const recaptchaSiteKey = process.env.RECAPTCHA_SITE_KEY; const recaptchaSiteKey = process.env.RECAPTCHA_SITE_KEY;
if (!recaptchaSiteKey) {
console.error("ReCAPTCHA site key is not set");
throw new Error("ReCAPTCHA not correctly configured");
}
return <ContactComponent recaptchaSiteKey={recaptchaSiteKey} />; return <ContactComponent recaptchaSiteKey={recaptchaSiteKey} />;
} }