More dynamic and refactor of the support gems

Talishar · Jun 4, 2024 · f37cd12 · f37cd12
1 parent b71700f
commit f37cd12
Showing 1 changed file with 16 additions and 22 deletions.
diff --git a/src/routes/game/components/elements/playerName/PlayerName.tsx b/src/routes/game/components/elements/playerName/PlayerName.tsx
@@ -28,34 +28,28 @@ export default function PlayerName(player: Player) {
     : state.game.playerTwo.isPvtVoidPatron
 );
 
-  return (
-    <div className={styles.playerName}>
-      {isPatron ? (
+const iconMap = [
+  { condition: isPatron, src: "/images/patronHeart.webp", title: "I am a patron of Talishar!" },
+  { condition: isContributor, src: "/images/copper.webp", title: "I am a contributor to Talishar!" },
+  { condition: isPvtVoidPatron, src: "/images/patronEye.webp", title: "I am a patron of PvtVoid!" },
+];
+
+return (
+  <div className={styles.playerName}>
+    {iconMap.map((icon, index) => (
+      icon.condition && (
         <img
+          key={index}
           className={styles.icon}
-          src="/images/patronHeart.webp"
-          title="I am a patron of Talishar!"
+          src={icon.src}
+          title={icon.title}
         />
-      ) : null}
-      {isContributor ? (
-        <img
-          className={styles.icon}
-          src="/images/copper.webp"
-          title="I am a contributor to Talishar!"
-        />
-      ) : null}
-      {isPvtVoidPatron ? (
-        <img
-          className={styles.icon}
-          src="/images/patronEye.webp"
-          title="I am a patron of PvtVoid!"
-        />
-      ) : null}
+      )
+    ))}
       {
         playerName?.substring(0, 30)
         .replace('-', `Practice Dummy`)
       }
-
-    </div>
+  </div>
   );
 }