scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/LOY-376-compare-levels-show-wrong-benefits (pull request #3303)

Browse Source 
fix(LOY-376): replaced index-based key with a stable key to prevent incorrect rerenders.

* fix(LOY-376): replaced index-based key with a stable key to prevent incorrect rerenders.


Approved-by: Anton Gunnarsson
Approved-by: Linus Flood
Approved-by: Matilda Landström
Approved-by: Chuma Mcphoy (We Ahead)
This commit is contained in:
Emma Zettervall
2025-12-08 13:56:27 +00:00
parent c8a79641df
commit f37f2a0f34
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/scandic-web/components/Blocks/DynamicContent/OverviewTable/RewardList/index.tsx
View File

@@ -13,7 +13,7 @@ import type { RewardListProps } from "@/types/components/overviewTable"
export default function RewardList({ levels }: RewardListProps) { export default function RewardList({ levels }: RewardListProps) {
const keyedGroupedRewards = getGroupedRewards(levels) const keyedGroupedRewards = getGroupedRewards(levels)
return Object.values(keyedGroupedRewards).map((groupedRewards) => { return Object.values(keyedGroupedRewards).map((groupedRewards, key) => {
const rewardIdsInGroup = groupedRewards.map((b) => b.reward_id) const rewardIdsInGroup = groupedRewards.map((b) => b.reward_id)
const { label, description } = getGroupedLabelAndDescription(groupedRewards) const { label, description } = getGroupedLabelAndDescription(groupedRewards)
@@ -23,10 +23,7 @@ export default function RewardList({ levels }: RewardListProps) {
}) })
return ( return (
<div <div key={key} className={styles.rewardCardWrapper}>
key={levelRewards[0]?.reward_id ?? ""}
className={styles.rewardCardWrapper}
>
<RewardCard <RewardCard
title={label} title={label}
description={description} description={description}