feat(SW-353): dynamic rewards

components/Blocks/DynamicContent/OverviewTable/LargeTable/DesktopHeader/index.tsx

@@ -1,4 +1,4 @@
-import Image from "@/components/Image"
+import MembershipLevelIcon from "@/components/Levels/Icon"
 
 import LevelSummary from "../../LevelSummary"
 import YourLevel from "../../YourLevelScript"
@@ -21,13 +21,13 @@ export default function DesktopHeader({
         <th className={styles.verticalTableHeader} />
         {levels.map((level, idx) => {
           return (
-            <th key={"image" + level.level + idx} className={styles.iconTh}>
-              {activeLevel === level.level ? <YourLevel /> : null}
-              <Image
-                height={50}
-                width={100}
-                alt={level.name}
-                src={level.icon}
+            <th key={"image" + level.level_id + idx} className={styles.iconTh}>
+              {activeLevel === level.level_id ? <YourLevel /> : null}
+              <MembershipLevelIcon
+                color="red"
+                level={level.level_id}
+                height="50"
+                width="100"
               />
             </th>
           )
@@ -38,7 +38,7 @@ export default function DesktopHeader({
         {levels.map((level, idx) => {
           return (
             <th
-              key={"summary" + level.level + idx}
+              key={"summary" + level.level_id + idx}
               className={styles.summaryTh}
             >
               <LevelSummary level={level} />