feat(SW-66, SW-348): search functionality and ui

2024-08-28 10:47:57 +02:00
parent b9dbcf7d90
commit af850c90e7
437 changed files with 7663 additions and 9881 deletions
--- a/components/Blocks/DynamicContent/Overview/Friend/index.tsx
+++ b/components/Blocks/DynamicContent/Overview/Friend/index.tsx
@@ -0,0 +1,52 @@
+import { membershipLevels } from "@/constants/membershipLevels"
+
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
+import { isHighestMembership } from "@/utils/user"
+
+import MembershipLevel from "./MembershipLevel"
+
+import styles from "./friend.module.css"
+
+import type { FriendProps } from "@/types/components/myPages/friend"
+
+export default async function Friend({
+  children,
+  membership,
+  name,
+}: FriendProps) {
+  const { formatMessage } = await getIntl()
+  if (!membership?.membershipLevel) {
+    return null
+  }
+  // @ts-expect-error: membershiplevel needs proper fix
+  const isHighestLevel = isHighestMembership(membership.membershipLevel)
+
+  return (
+    <section className={styles.friend}>
+      <header className={styles.header}>
+        <Body color="white" textTransform="bold" textAlign="center">
+          {formatMessage(
+            isHighestLevel
+              ? { id: "Highest level" }
+              : // @ts-expect-error: membershiplevel needs proper fix
+                { id: `Level ${membershipLevels[membership.membershipLevel]}` }
+          )}
+        </Body>
+        {membership ? (
+          <MembershipLevel
+            // @ts-expect-error: membershiplevel needs proper fix
+            level={membershipLevels[membership.membershipLevel]}
+          />
+        ) : null}
+      </header>
+      <div className={styles.membership}>
+        <Title className={styles.name} color="pale" level="h3">
+          {name}
+        </Title>
+        {children}
+      </div>
+    </section>
+  )
+}