mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
Update Subscription.tsx
This commit is contained in:
@@ -1657,7 +1657,14 @@ export default function Subscription() {
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span className="text-dark-500">{t('subscription.devices')}:</span>
|
<span className="text-dark-500">{t('subscription.devices')}:</span>
|
||||||
<span className="ml-2 text-dark-200">{selectedTariff.device_limit}</span>
|
<span className="ml-2 text-dark-200">
|
||||||
|
{selectedTariff.device_limit}
|
||||||
|
{selectedTariff.extra_devices_count > 0 && (
|
||||||
|
<span className="ml-1 text-accent-400 text-xs">
|
||||||
|
(+{selectedTariff.extra_devices_count})
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span className="text-dark-500">{t('subscription.servers')}:</span>
|
<span className="text-dark-500">{t('subscription.servers')}:</span>
|
||||||
@@ -1951,6 +1958,20 @@ export default function Subscription() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : selectedTariffPeriod && (
|
) : selectedTariffPeriod && (
|
||||||
|
<>
|
||||||
|
{/* Если есть доп. устройства - показываем разбивку */}
|
||||||
|
{selectedTariffPeriod.extra_devices_count > 0 && selectedTariffPeriod.base_tariff_price_kopeks ? (
|
||||||
|
<>
|
||||||
|
<div className="flex justify-between text-sm text-dark-300">
|
||||||
|
<span>{t('subscription.baseTariff')}: {selectedTariffPeriod.label}</span>
|
||||||
|
<span>{formatPrice(selectedTariffPeriod.base_tariff_price_kopeks)}</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between text-sm text-dark-300">
|
||||||
|
<span>{t('subscription.extraDevices')} ({selectedTariffPeriod.extra_devices_count})</span>
|
||||||
|
<span>+{formatPrice(selectedTariffPeriod.extra_devices_cost_kopeks)}</span>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
<div className="flex justify-between text-sm text-dark-300">
|
<div className="flex justify-between text-sm text-dark-300">
|
||||||
<span>Период: {selectedTariffPeriod.label}</span>
|
<span>Период: {selectedTariffPeriod.label}</span>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
@@ -1963,6 +1984,8 @@ export default function Subscription() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
{useCustomTraffic && selectedTariff.custom_traffic_enabled && (
|
{useCustomTraffic && selectedTariff.custom_traffic_enabled && (
|
||||||
<div className="flex justify-between text-sm text-dark-300">
|
<div className="flex justify-between text-sm text-dark-300">
|
||||||
<span>Трафик: {customTrafficGb} ГБ</span>
|
<span>Трафик: {customTrafficGb} ГБ</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user