diff --git a/src/pages/Subscription.tsx b/src/pages/Subscription.tsx index fcef62e..633d7af 100644 --- a/src/pages/Subscription.tsx +++ b/src/pages/Subscription.tsx @@ -107,55 +107,57 @@ const CountdownTimer = memo(function CountdownTimer({ {t('subscription.expired')} ) : ( -
- {countdown.days > 0 && ( - <> - - {countdown.days} - - - {t('subscription.daysShort')} - - - )} - - {String(countdown.hours).padStart(2, '0')} - - - : - - - {String(countdown.minutes).padStart(2, '0')} - - - : - - - {String(countdown.seconds).padStart(2, '0')} - +
+
+ {countdown.days > 0 && ( + <> + + {countdown.days} + + + {t('subscription.daysShort')} + + + )} + + {String(countdown.hours).padStart(2, '0')} + + + : + + + {String(countdown.minutes).padStart(2, '0')} + + + : + + + {String(countdown.seconds).padStart(2, '0')} + +
+
+ {t('subscription.expiresAt')}: {formattedDate} +
)} -
- {t('subscription.expiresAt')}: {formattedDate} -
); }); @@ -753,54 +755,13 @@ export default function Subscription() { )} - {/* ─── Stats Row ─── */} -
- {/* Countdown timer — isolated to prevent 1s re-renders of entire page */} + {/* ─── Countdown ─── */} +
- - {/* Devices */} -
-
-
- -
- {t('subscription.devices')} -
-
- - {connectedDevices} - - - / {subscription.device_limit} - -
-
{/* ─── Locations ─── */}