From 4b75cbc3aa6a72d2fc73e701ed877951a2aef933 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Tue, 11 Jun 2024 13:43:27 +0300
Subject: [PATCH] Fix too expensive box flashing

---
 .../playground/src/calculator/pricing_calculator.vue  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/playground/src/calculator/pricing_calculator.vue b/packages/playground/src/calculator/pricing_calculator.vue
index 3d1c3d2314..be9d58b705 100644
--- a/packages/playground/src/calculator/pricing_calculator.vue
+++ b/packages/playground/src/calculator/pricing_calculator.vue
@@ -171,7 +171,11 @@
                   </p>
                 </input-tooltip>
               </div>
-              <section class="card mt-5" v-if="priceTask.data?.dedicatedPackage.package !== 'gold'">
+
+              <section
+                class="card mt-5"
+                v-if="!priceTask.loading && priceTask.data?.dedicatedPackage.package !== 'gold'"
+              >
                 <p class="card-info pa-2">
                   <b>Too expensive?</b> can upgrade to <b>Gold package</b> to get discount up to 60% when you fund your
                   wallet with <b>{{ dedicatedUpgradePrice }}</b> TFT
@@ -198,7 +202,10 @@
                   </p>
                 </input-tooltip>
               </div>
-              <section class="card mt-5 pa-2" v-if="priceTask.data?.sharedPackage.package !== 'gold'">
+              <section
+                class="card mt-5 pa-2"
+                v-if="!priceTask.loading && priceTask.data?.sharedPackage.package !== 'gold'"
+              >
                 <p class="card-info">
                   <b>Too expensive?</b> can upgrade to <b>Gold package</b> to get discount up to 60% when you fund your
                   wallet with <b>{{ sharedUpgradePrice }}</b> TFT