From b0c1b49a2969e48d170cda61676cc95a11a45556 Mon Sep 17 00:00:00 2001
From: Kim MinJae <alswo7310@naver.com>
Date: Tue, 27 Apr 2021 20:38:11 +0900
Subject: [PATCH] Edited some star-icon expressions into normal character star

Edited some star-icon expressions into normal character star.
---
 src/components/WishCounterHowToModal.svelte | 55 +++++++--------------
 1 file changed, 18 insertions(+), 37 deletions(-)

diff --git a/src/components/WishCounterHowToModal.svelte b/src/components/WishCounterHowToModal.svelte
index 70a18ede..b2d348c7 100644
--- a/src/components/WishCounterHowToModal.svelte
+++ b/src/components/WishCounterHowToModal.svelte
@@ -80,50 +80,31 @@
   <div class="text-white p-2 bg-background rounded-xl">
     <p class="mb-2">{$t('wish.help.howto.subtitle')}</p>
     <p class="mb-2">
-      {$t('wish.help.howto.press')}
-      <b class="rounded-lg px-2 py-1 border-white border inline-flex items-center">+1</b>
-      {$t('wish.help.howto.whenYouGet')}
-      <span class="inline-flex items-center"
-        >3
-        <Icon path={mdiStar} size={0.7} /></span
-      >
+      {@html $t('wish.help.howto.pressWhenYouGet', {
+        values: {
+          button: '<b class="rounded-lg px-2 py-1 border-white border inline-flex">+1</b>',
+          rarity: 3,
+        },
+      })}
     </p>
     <p class="mb-2">
-      {$t('wish.help.howto.press')}
-      <b class="rounded-lg px-2 py-1 border-white border inline-flex items-center"
-        >Get 4
-        <Icon path={mdiStar} size={0.7} /></b
-      >
-      {$t('wish.help.howto.whenYouGet')}
-      <span class="inline-flex items-center"
-        >4
-        <Icon path={mdiStar} size={0.7} /></span
-      >
+      {@html $t('wish.help.howto.pressWhenYouGet', {
+        values: {
+          button: `<b class="rounded-lg px-2 py-1 border-white border inline-flex">Get 4★</b>`,
+          rarity: 4,
+        },
+      })}
     </p>
     <p class="mb-2">
-      {$t('wish.help.howto.press')}
-      <b class="rounded-lg px-2 py-1 border-white border inline-flex items-center"
-        >Get 5
-        <Icon path={mdiStar} size={0.7} /></b
-      >
-      {$t('wish.help.howto.whenYouGet')}
-      <span class="inline-flex items-center"
-        >5
-        <Icon path={mdiStar} size={0.7} /></span
-      >
+      {@html $t('wish.help.howto.pressWhenYouGet', {
+        values: {
+          button: `<b class="rounded-lg px-2 py-1 border-white border inline-flex">Get 5★</b>`,
+          rarity: 5,
+        },
+      })}
     </p>
     <p class="text-gray-400">
       {$t('wish.help.howto.p1')}
-      <span class="inline-flex items-center"
-        >5
-        <Icon path={mdiStar} size={0.7} /></span
-      >
-      {$t('wish.help.howto.and')}
-      <span class="inline-flex items-center"
-        >4
-        <Icon path={mdiStar} size={0.7} /></span
-      >
-      pity
     </p>
     <p class="text-gray-400">
       {$t('wish.help.howto.p2.0')}