fix: unify device manager into additional options card with unbounded dot selector

This commit is contained in:
c0mrade
2026-03-08 00:45:47 +03:00
parent edb7ef0488
commit 6dc8ca0d18
2 changed files with 151 additions and 105 deletions

View File

@@ -1074,28 +1074,7 @@ export default function Subscription() {
{/* Purchase / Renewal CTA */}
<PurchaseCTAButton subscription={subscription} />
{/* Device Manager */}
{subscription &&
subscription.is_active &&
!subscription.is_trial &&
subscription.device_limit !== 0 &&
(showDeviceManager ? (
<DeviceManager
subscription={subscription}
balanceKopeks={purchaseOptions?.balance_kopeks ?? 0}
isDark={isDark}
accentColor={zone.mainHex}
onClose={() => setShowDeviceManager(false)}
/>
) : (
<DeviceManagerTrigger
deviceLimit={subscription.device_limit}
isDark={isDark}
onClick={() => setShowDeviceManager(true)}
/>
))}
{/* Additional Options (Traffic, Servers) */}
{/* Additional Options (Devices, Traffic, Servers) */}
{subscription && subscription.is_active && !subscription.is_trial && (
<div
className="relative overflow-hidden rounded-3xl"
@@ -1110,6 +1089,24 @@ export default function Subscription() {
{t('subscription.additionalOptions.title')}
</h2>
{/* Device Manager */}
{subscription.device_limit !== 0 &&
(showDeviceManager ? (
<DeviceManager
subscription={subscription}
balanceKopeks={purchaseOptions?.balance_kopeks ?? 0}
isDark={isDark}
accentColor={zone.mainHex}
onClose={() => setShowDeviceManager(false)}
/>
) : (
<DeviceManagerTrigger
deviceLimit={subscription.device_limit}
isDark={isDark}
onClick={() => setShowDeviceManager(true)}
/>
))}
{/* Buy Traffic */}
{subscription.traffic_limit_gb > 0 && (
<div className="mt-4">