devops/encoach_landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hardcoded the platform URL due to problems with using ENV variables when deploying

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-02-13 00:50:38 +00:00
parent 653bcf7f93
commit c31a74b835
1 changed files with 129 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/templates/ContactUs.tsx
View File

@@ -55,9 +55,7 @@ export default function App({ language, page }: Props) {
console.log("formState", formState.isSubmitSuccessful); console.log("formState", formState.isSubmitSuccessful);
const onSubmit: SubmitHandler<FormValues> = async (data) => { const onSubmit: SubmitHandler<FormValues> = async (data) => {
try { try {
const response = await fetch( const response = await fetch(`https://platform.encoach.com/api/tickets`, {
`${process.env.NEXT_PUBLIC_APP_URL}/api/tickets`,
{
method: "POST", method: "POST",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
@@ -74,8 +72,7 @@ export default function App({ language, page }: Props) {
date: new Date().toISOString(), date: new Date().toISOString(),
description: data.description, description: data.description,
}), }),
} });
);
if (response.status === 200) { if (response.status === 200) {
const data = await response.json(); const data = await response.json();
@@ -87,7 +84,7 @@ export default function App({ language, page }: Props) {
}; };
return ( return (
<main className="text-mti-black flex h-screen w-full flex-col bg-white"> <main className="text-mti-black flex h-screen w-full flex-col bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
<Navbar currentPage={page} language={language} /> <Navbar currentPage={page} language={language} />
<section className="w-full bg-mti-purple text-white text-center p-8 md:p-16"> <section className="w-full bg-mti-purple text-white text-center p-8 md:p-16">
<div className="w-full h-full flex flex-col items-center justify-center"> <div className="w-full h-full flex flex-col items-center justify-center">
@@ -95,10 +92,7 @@ export default function App({ language, page }: Props) {
</div> </div>
</section> </section>
<section className="w-full bg-white text-center p-8 md:p-16 flex justify-center items-center gap-32"> <section className="w-full bg-white text-center p-8 md:p-16 flex justify-center items-center gap-32">
<form <form onSubmit={handleSubmit(onSubmit)} className="form-control items-center gap-2 text-mti-black flex flex-col w-96">
onSubmit={handleSubmit(onSubmit)}
className="form-control items-center gap-2 text-mti-black flex flex-col w-96"
>
<input <input
id="name" id="name"
type="text" type="text"
@@ -106,9 +100,7 @@ export default function App({ language, page }: Props) {
{...register("name", {required: true})} {...register("name", {required: true})}
className="input input-bordered md:w-full sm:w-1/2 max-w-md" className="input input-bordered md:w-full sm:w-1/2 max-w-md"
/> />
{errors.name && errors.name.type === "required" && ( {errors.name && errors.name.type === "required" && <ErrorMessage message={translation.fieldRequired[language]} />}
<ErrorMessage message={translation.fieldRequired[language]} />
)}
<input <input
id="email" id="email"
placeholder={translation.email[language]} placeholder={translation.email[language]}
@@ -116,12 +108,8 @@ export default function App({ language, page }: Props) {
{...register("email", {required: true, pattern: /^\S+@\S+$/i})} {...register("email", {required: true, pattern: /^\S+@\S+$/i})}
className="input input-bordered md:w-full sm:w-1/2 max-w-md" className="input input-bordered md:w-full sm:w-1/2 max-w-md"
/> />
{errors.email && errors.email.type === "required" && ( {errors.email && errors.email.type === "required" && <ErrorMessage message={translation.fieldRequired[language]} />}
<ErrorMessage message={translation.fieldRequired[language]} /> {errors.email && errors.email.type === "pattern" && <ErrorMessage message={translation.invalidEmail[language]} />}
)}
{errors.email && errors.email.type === "pattern" && (
<ErrorMessage message={translation.invalidEmail[language]} />
)}
<input <input
id="subject" id="subject"
placeholder={translation.subject[language]} placeholder={translation.subject[language]}
@@ -129,14 +117,8 @@ export default function App({ language, page }: Props) {
{...register("subject", {required: true})} {...register("subject", {required: true})}
className="input input-bordered md:w-full sm:w-1/2 max-w-md" className="input input-bordered md:w-full sm:w-1/2 max-w-md"
/> />
{errors.subject && errors.subject.type === "required" && ( {errors.subject && errors.subject.type === "required" && <ErrorMessage message={translation.fieldRequired[language]} />}
<ErrorMessage message={translation.fieldRequired[language]} /> <select id="type" {...register("type", {required: true})} className="select select-bordered md:w-full sm:w-1/2 max-w-md">
)}
<select
id="type"
{...register("type", { required: true })}
className="select select-bordered md:w-full sm:w-1/2 max-w-md"
>
<option value="" disabled> <option value="" disabled>
{translation.selectType[language]} {translation.selectType[language]}
</option> </option>
@@ -146,9 +128,7 @@ export default function App({ language, page }: Props) {
</option> </option>
))} ))}
</select> </select>
{errors.type && errors.type.type === "required" && ( {errors.type && errors.type.type === "required" && <ErrorMessage message={translation.fieldRequired[language]} />}
<ErrorMessage message={translation.fieldRequired[language]} />
)}
<textarea <textarea
id="description" id="description"
placeholder={translation.description[language]} placeholder={translation.description[language]}
@@ -156,24 +136,11 @@ export default function App({ language, page }: Props) {
className="textarea textarea-bordered md:w-full sm:w-1/2 max-w-md" className="textarea textarea-bordered md:w-full sm:w-1/2 max-w-md"
rows={5} rows={5}
/> />
{errors.description && errors.description.type === "required" && ( {errors.description && errors.description.type === "required" && <ErrorMessage message={translation.fieldRequired[language]} />}
<ErrorMessage message={translation.fieldRequired[language]} /> <input type="submit" className="btn" disabled={!isDirty || !isValid} value={translation.submit[language]} />
)}
<input
type="submit"
className="btn"
disabled={!isDirty || !isValid}
value={translation.submit[language]}
/>
</form> </form>
<div className="flex flex-col"> <div className="flex flex-col">
<Image <Image src="/person_laptop_focus.jpg" alt="Contact Us" width={500} height={340} className="rounded-xl" />
src="/person_laptop_focus.jpg"
alt="Contact Us"
width={500}
height={340}
className="rounded-xl"
/>
</div> </div>
</section> </section>
<Footer language={language} /> <Footer language={language} />