From 09ba53d185413eba3d4eca584cebf072b8fe5aef Mon Sep 17 00:00:00 2001
From: 3252a8 <3252a8@proton.me>
Date: Sun, 17 May 2026 17:26:42 +0300
Subject: [PATCH] fix: stop rendering duplicate period grid and pay button in
 legacy mode

---
 frontend/src/webapp/PaymentDialogs.svelte | 33 ++++++++++++-----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/frontend/src/webapp/PaymentDialogs.svelte b/frontend/src/webapp/PaymentDialogs.svelte
index 526b76a..60e80dd 100644
--- a/frontend/src/webapp/PaymentDialogs.svelte
+++ b/frontend/src/webapp/PaymentDialogs.svelte
@@ -158,19 +158,17 @@
       {:else}
         <EmptyCard>{t("wa_no_tariff_change_options")}</EmptyCard>
       {/if}
-    {:else}
-      {#if tariffMode}
-        {#if !singleTariffMode && !(subscription?.active && subscription?.tariff_key && tariffCatalog.some((t) => t.key === subscription.tariff_key))}
-          <button class="back-inline" type="button" onclick={backToTariffList}>
-            <ArrowLeft size={16} />
-            {t("wa_back_to_tariffs")}
-          </button>
-        {/if}
-        {#if hasMultipleTariffs && selectedTariff}
-          <p class="tariff-step-caption">
-            {t("wa_selected_tariff", { tariff: selectedTariff.title })}
-          </p>
-        {/if}
+    {:else if tariffMode}
+      {#if !singleTariffMode && !(subscription?.active && subscription?.tariff_key && tariffCatalog.some((t) => t.key === subscription.tariff_key))}
+        <button class="back-inline" type="button" onclick={backToTariffList}>
+          <ArrowLeft size={16} />
+          {t("wa_back_to_tariffs")}
+        </button>
+      {/if}
+      {#if hasMultipleTariffs && selectedTariff}
+        <p class="tariff-step-caption">
+          {t("wa_selected_tariff", { tariff: selectedTariff.title })}
+        </p>
       {/if}
       {#if selectedTariffPlans.length}
         <div class="period-grid period-grid-two-columns">
@@ -215,8 +213,13 @@
       {:else}
         <EmptyCard>{t("wa_no_tariff_change_options")}</EmptyCard>
       {/if}
-    {/if}
-    {#if !tariffMode}
+    {:else}
+      <!--
+        Legacy / non-tariff mode (no JSON tariffs catalog OR traffic-only).
+        Previously this block was also reached *in addition* to the tariff
+        branch above, so users on legacy mode saw the period grid, payment
+        method grid and pay button duplicated.
+      -->
       <div class="period-grid period-grid-two-columns">
         {#each plans as plan}
           <button