- {country.name}
- {country.has_discount && !isCurrentlyConnected && (
-
+ ? 'border-error-500/50 bg-error-500/5'
+ : 'border-dark-700/50 bg-dark-800/30 hover:border-dark-600'
+ } ${!country.is_available && !isCurrentlyConnected ? 'cursor-not-allowed opacity-50' : ''}`}
+ >
+
+
+ {willBeAdded
+ ? '➕'
+ : willBeRemoved
+ ? '➖'
+ : isSelected
+ ? '✅'
+ : '⚪'}
+
+
+
+ {country.name}
+ {country.has_discount && !isCurrentlyConnected && (
+
+ -{country.discount_percent}%
+
+ )}
+
+ {willBeAdded && (
+
+ +{formatPrice(country.price_kopeks)}{' '}
+ {t('subscription.serverManagement.forDays', {
+ days: countriesData.days_left,
+ })}
+ {country.has_discount && (
+
+ {formatPrice(
+ Math.round(
+ (country.base_price_kopeks *
+ countriesData.days_left) /
+ 30,
+ ),
+ )}
+
+ )}
+
+ )}
+ {!willBeAdded && !isCurrentlyConnected && (
+
+ {formatPrice(country.price_per_month_kopeks)}
+ {t('subscription.serverManagement.perMonth')}
+ {country.has_discount && (
+
+ {formatPrice(country.base_price_kopeks)}
+
+ )}
+
+ )}
+ {!country.is_available && !isCurrentlyConnected && (
+
+ {t('subscription.serverManagement.unavailable')}
+
)}
- {willBeAdded && (
-
- +{formatPrice(country.price_kopeks)}{' '}
- {t('subscription.serverManagement.forDays', {
- days: countriesData.days_left,
- })}
- {country.has_discount && (
-
- {formatPrice(
- Math.round(
- (country.base_price_kopeks *
- countriesData.days_left) /
- 30,
- ),
- )}
-
- )}
-
- )}
- {!willBeAdded && !isCurrentlyConnected && (
-
- {formatPrice(country.price_per_month_kopeks)}
- {t('subscription.serverManagement.perMonth')}
- {country.has_discount && (
-
- {formatPrice(country.base_price_kopeks)}
-
- )}
-
- )}
- {!country.is_available && !isCurrentlyConnected && (
-
- {t('subscription.serverManagement.unavailable')}
-
- )}