Merged in feature/refactor-lang (pull request #387)

feat: SW-238 Avoid prop drilling of lang

Approved-by: Michael Zetterberg

components/MyPages/Blocks/Overview/Stats/Points/index.tsx

@@ -1,5 +1,6 @@
 import { MembershipLevelEnum } from "@/constants/membershipLevels"
 
+import { getLang } from "@/i18n/serverContext"
 import { getMembershipLevelObject } from "@/utils/membershipLevel"
 import { getMembership } from "@/utils/user"
 
@@ -7,13 +8,12 @@ import PointsContainer from "./Container"
 import { NextLevelPointsColumn, YourPointsColumn } from "./PointsColumn"
 
 import { UserProps } from "@/types/components/myPages/user"
-import { LangParams } from "@/types/params"
 
-export default async function Points({ user, lang }: UserProps & LangParams) {
+export default async function Points({ user }: UserProps) {
   const membership = getMembership(user.memberships)
   const nextLevel = getMembershipLevelObject(
     membership?.nextLevel as MembershipLevelEnum,
-    lang
+    getLang()
   )
 
   return (

components/MyPages/Blocks/Overview/Stats/index.tsx

@@ -6,12 +6,11 @@ import Points from "./Points"
 import styles from "./stats.module.css"
 
 import type { UserProps } from "@/types/components/myPages/user"
-import type { LangParams } from "@/types/params"
 
-export default function Stats({ user, lang }: UserProps & LangParams) {
+export default function Stats({ user }: UserProps) {
   return (
     <section className={styles.stats}>
-      <Points user={user} lang={lang} />
+      <Points user={user} />
       <Divider variant="default" color="pale" />
       <ExpiringPoints user={user} />
     </section>

components/MyPages/Blocks/Overview/index.tsx

@@ -4,6 +4,7 @@ import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
 import Divider from "@/components/TempDesignSystem/Divider"
+import { getLang } from "@/i18n/serverContext"
 
 import Hero from "./Friend/Hero"
 import Friend from "./Friend"
@@ -12,14 +13,12 @@ import Stats from "./Stats"
 import styles from "./overview.module.css"
 
 import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
-import type { LangParams } from "@/types/params"
 
 export default async function Overview({
   link,
   subtitle,
   title,
-  lang,
-}: AccountPageComponentProps & LangParams) {
+}: AccountPageComponentProps) {
   const user = await serverClient().user.get()
   if (!user || "error" in user) {
     return null
@@ -31,7 +30,7 @@ export default async function Overview({
       <Hero color="red">
         <Friend user={user} color="burgundy" />
         <Divider className={styles.divider} color="peach" />
-        <Stats user={user} lang={lang} />
+        <Stats user={user} />
       </Hero>
       <SectionLink link={link} variant="mobile" />
     </SectionContainer>