feat(WEB-162): final design for my profile page

2024-06-07 10:36:23 +02:00
parent a7b04df7b6
commit 5f3e417593
96 changed files with 802 additions and 494 deletions
--- a/app/[lang]/(live)/(protected)/my-pages/profile/@communication/page.tsx
+++ b/app/[lang]/(live)/(protected)/my-pages/profile/@communication/page.tsx
@@ -1,5 +1,31 @@
-import CommunicationPreferences from "@/components/MyProfile/CommunicationPreferences"
+import { ArrowRightIcon } from "@/components/Icons"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import { getIntl } from "@/i18n"

-export default function Communication() {
-  return <CommunicationPreferences />
+import styles from "./page.module.css"
+
+export default async function CommunicationSlot() {
+  const { formatMessage } = await getIntl()
+  return (
+    <section className={styles.container}>
+      <article className={styles.content}>
+        <Subtitle>
+          {formatMessage({ id: "My communication preferences" })}
+        </Subtitle>
+        <Body>
+          {formatMessage({
+            id: "Tell us what information and updates you'd like to receive, and how, by clicking the link below.",
+          })}
+        </Body>
+      </article>
+      <Link href="#" variant="icon">
+        <ArrowRightIcon color="red" />
+        <Body color="red" textTransform="underlined">
+          {formatMessage({ id: "Add new card" })}
+        </Body>
+      </Link>
+    </section>
+  )
 }