From 60c835301d151f346028a35950081d4f72e247d3 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Mon, 4 May 2026 17:41:21 +0300
Subject: [PATCH] fix: move reissue button to standalone block outside
 device_limit guard

The reissue button was inside the Additional Options card which is gated
by device_limit !== 0, so it was hidden when device_limit was 0. Move it
to its own card block with independent visibility condition.
---
 src/pages/Subscription.tsx | 98 +++++++++++++++++++++-----------------
 1 file changed, 55 insertions(+), 43 deletions(-)

diff --git a/src/pages/Subscription.tsx b/src/pages/Subscription.tsx
index 2c4c22a..9fafe73 100644
--- a/src/pages/Subscription.tsx
+++ b/src/pages/Subscription.tsx
@@ -2292,53 +2292,65 @@ export default function Subscription() {
                 )}
               </div>
             )}
+          </div>
+        )}
 
-            {/* Reissue Subscription */}
-            <div className="mt-4">
-              <button
-                onClick={handleRevoke}
-                disabled={revokeMutation.isPending || revokeCooldown > 0}
-                className="w-full rounded-xl border border-amber-500/30 bg-amber-500/10 p-4 text-left transition-colors hover:bg-amber-500/20 disabled:opacity-50"
-              >
-                <div className="flex items-center justify-between">
-                  <div>
-                    <div className="font-medium text-amber-400">
-                      {t('subscription.revoke.button')}
-                    </div>
-                    <div className="mt-1 text-sm text-dark-400">
-                      {revokeCooldown > 0
-                        ? t('subscription.revoke.cooldown', {
-                            minutes: Math.floor(revokeCooldown / 60),
-                            seconds: revokeCooldown % 60,
-                          })
-                        : t('subscription.revoke.description')}
-                    </div>
+      {/* Reissue Subscription — standalone block, not dependent on device_limit */}
+      {subscription &&
+        (subscription.is_active || subscription.is_limited) &&
+        !subscription.is_trial && (
+          <div
+            className="relative overflow-hidden rounded-3xl"
+            style={{
+              background: g.cardBg,
+              border: `1px solid ${g.cardBorder}`,
+              boxShadow: g.shadow,
+              padding: '16px 20px',
+            }}
+          >
+            <button
+              onClick={handleRevoke}
+              disabled={revokeMutation.isPending || revokeCooldown > 0}
+              className="w-full rounded-xl border border-amber-500/30 bg-amber-500/10 p-4 text-left transition-colors hover:bg-amber-500/20 disabled:opacity-50"
+            >
+              <div className="flex items-center justify-between">
+                <div>
+                  <div className="font-medium text-amber-400">
+                    {t('subscription.revoke.button')}
                   </div>
-                  <div className="text-amber-400">
-                    {revokeMutation.isPending ? (
-                      <div className="h-5 w-5 animate-spin rounded-full border-2 border-amber-400/30 border-t-amber-400" />
-                    ) : (
-                      <svg
-                        className="h-5 w-5"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        stroke="currentColor"
-                        strokeWidth={1.5}
-                      >
-                        <path
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                          d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182"
-                        />
-                      </svg>
-                    )}
+                  <div className="mt-1 text-sm text-dark-400">
+                    {revokeCooldown > 0
+                      ? t('subscription.revoke.cooldown', {
+                          minutes: Math.floor(revokeCooldown / 60),
+                          seconds: revokeCooldown % 60,
+                        })
+                      : t('subscription.revoke.description')}
                   </div>
                 </div>
-              </button>
-              {revokeMutation.error && (
-                <p className="mt-2 text-sm text-red-400">{getErrorMessage(revokeMutation.error)}</p>
-              )}
-            </div>
+                <div className="text-amber-400">
+                  {revokeMutation.isPending ? (
+                    <div className="h-5 w-5 animate-spin rounded-full border-2 border-amber-400/30 border-t-amber-400" />
+                  ) : (
+                    <svg
+                      className="h-5 w-5"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                      strokeWidth={1.5}
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182"
+                      />
+                    </svg>
+                  )}
+                </div>
+              </div>
+            </button>
+            {revokeMutation.error && (
+              <p className="mt-2 text-sm text-red-400">{getErrorMessage(revokeMutation.error)}</p>
+            )}
           </div>
         )}