From 5a241551ecceb6639e2fea60d0c77211d510d395 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Tue, 21 Jun 2022 20:13:37 +0700
Subject: [PATCH] Adjust pity color on weapon banner

---
 src/routes/wish/_summary.svelte     | 2 +-
 src/routes/wish/_summaryItem.svelte | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/wish/_summary.svelte b/src/routes/wish/_summary.svelte
index 26225a78..3b4a6b75 100644
--- a/src/routes/wish/_summary.svelte
+++ b/src/routes/wish/_summary.svelte
@@ -239,7 +239,7 @@
       <SummaryItem avg={avg[types[0].id]} type={types[0]} />
     {/if}
     {#if avg[types[1].id]}
-      <SummaryItem avg={avg[types[1].id]} type={types[1]} />
+      <SummaryItem avg={avg[types[1].id]} type={types[1]} legendaryPity={80} />
     {/if}
   </div>
   <div class="flex flex-col space-y-4">
diff --git a/src/routes/wish/_summaryItem.svelte b/src/routes/wish/_summaryItem.svelte
index 095ddd57..f33c0c3f 100644
--- a/src/routes/wish/_summaryItem.svelte
+++ b/src/routes/wish/_summaryItem.svelte
@@ -6,6 +6,8 @@
 
   export let avg;
   export let type;
+  export let legendaryPity = 90;
+  export let colorMultiplier = 120;
 
   let numberFormat = Intl.NumberFormat('en', {
     maximumFractionDigits: 2,
@@ -13,7 +15,7 @@
   });
 
   function calculateColor(percentage) {
-    const hue = percentage * 120;
+    const hue = percentage * colorMultiplier;
     return `color: hsl(${hue}, 100%, 60%);`;
   }
 
@@ -85,7 +87,8 @@
     <div class="flex flex-wrap mt-2 overflow-y-auto" style="max-height: 500px;">
       {#each avg.legendary.pulls as pull}
         <span class="pity {textSize}"
-          >{$t(pull.name)} <span style={calculateColor((90 - pull.pity) / 90)}>{pull.pity}</span></span
+          >{$t(pull.name)}
+          <span style={calculateColor((legendaryPity - pull.pity) / legendaryPity)}>{pull.pity}</span></span
         >
       {/each}
     </div>