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

Hard coded the URL

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-03-13 23:58:56 +00:00
parent a24a8ec097
commit 3c5629f83a
1 changed files with 44 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/templates/AgentContacts.tsx
View File

@@ -1,68 +1,64 @@
import Footer from "@/components/Footer";
import Navbar from "@/components/Navbar";
import Title from "@/components/Title";
import { Contact } from "@/types/contact";
import {Contact} from "@/types/contact";
import translation from "@/translation/agentcontacts.json";
type Language = "en" | "ar";
interface Props {
country: string;
page: string;
language: Language;
country: string;
page: string;
language: Language;
}
async function getCountryManagers(country: string, language: Language = "en") {
const res = await fetch(
`${process.env.NEXT_PUBLIC_APP_URL}/api/users/agents/${country}?language=${language}`
);
const res = await fetch(`https://platform.encoach.com/api/users/agents/${country}?language=${language}`);
if (!res.ok) {
throw new Error("Failed to fetch contacts");
}
if (!res.ok) {
throw new Error("Failed to fetch contacts");
}
return res.json();
return res.json();
}
export async function generateStaticParamsHelper(language: Language = "en") {
const contacts = (await fetch(
`${process.env.NEXT_PUBLIC_APP_URL}/api/users/agents?language=${language}`
).then((res) => res.json())) as Contact[];
return contacts.map(({ key }) => ({
country: key.toLowerCase().replaceAll(" ", ""),
}));
const contacts = (await fetch(`https://platform.encoach.com/api/users/agents?language=${language}`).then((res) => res.json())) as Contact[];
return contacts.map(({key}) => ({
country: key.toLowerCase().replaceAll(" ", ""),
}));
}
export async function AgentContacts({ language, page, country }: Props) {
const contact = (await getCountryManagers(country, language)) as Contact;
export async function AgentContacts({language, page, country}: Props) {
const contact = (await getCountryManagers(country, language)) as Contact;
return (
<main className="text-mti-black flex h-screen w-full flex-col bg-white">
<Navbar currentPage={page} language={language} />
return (
<main className="text-mti-black flex h-screen w-full flex-col bg-white">
<Navbar currentPage={page} language={language} />
<section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">
<div className="flex h-full w-full flex-col items-center justify-center">
<Title>{`${contact.label} Contacts`}</Title>
</div>
</section>
<section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">
<div className="flex h-full w-full flex-col items-center justify-center">
<Title>{`${contact.label} Contacts`}</Title>
</div>
</section>
<section className="bg-white h-full w-full p-8 md:p-16 flex gap-16 justify-center flex-wrap">
{contact.entries.map((entry) => (
<div key={entry.name}>
<h2>
<strong>{translation.name[language]}: </strong>
{entry.name}
</h2>
<p>
<strong>{translation.number[language]}: </strong>
{entry.number}
</p>
<p>
<strong>{translation.email[language]}: </strong>
{entry.email}
</p>
</div>
))}
</section>
<Footer language={language} />
</main>
);
<section className="bg-white h-full w-full p-8 md:p-16 flex gap-16 justify-center flex-wrap">
{contact.entries.map((entry) => (
<div key={entry.name}>
<h2>
<strong>{translation.name[language]}: </strong>
{entry.name}
</h2>
<p>
<strong>{translation.number[language]}: </strong>
{entry.number}
</p>
<p>
<strong>{translation.email[language]}: </strong>
{entry.email}
</p>
</div>
))}
</section>
<Footer language={language} />
</main>
);
}