Files
web/components/Loyalty/Sidebar/JoinLoyalty/Contact/index.tsx
2024-05-30 17:56:56 +02:00

34 lines
1006 B
TypeScript

import { _ } from "@/lib/translation"
import Title from "@/components/TempDesignSystem/Title"
import ContactRow from "./ContactRow"
import styles from "./contact.module.css"
import { JoinLoyaltyContactTypenameEnum } from "@/types/components/loyalty/enums"
import type { ContactProps } from "@/types/components/loyalty/sidebar"
export default async function Contact({ contactBlock }: ContactProps) {
return (
<div className={styles.contactContainer}>
<Title level="h5">{_("Contact us")}</Title>
<section>
{contactBlock.map(({ contact, __typename }, i) => {
switch (__typename) {
case JoinLoyaltyContactTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContactBlockContactContact:
return (
<ContactRow
key={`${contact.display_text}-${i}`}
contact={contact}
/>
)
default:
return null
}
})}
</section>
</div>
)
}