refactor(GatewayAutocomplete): remove selected gateway info display to streamline component and reduce clutter
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 4m0s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 4m0s
This commit is contained in:
@@ -428,33 +428,6 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
|
|||||||
|
|
||||||
const selectedGateway = gateways.find(g => g.name === value);
|
const selectedGateway = gateways.find(g => g.name === value);
|
||||||
|
|
||||||
const selectedGatewayInfo =
|
|
||||||
value && selectedGateway && !isOpen ? (
|
|
||||||
<div className="mt-2">
|
|
||||||
<div className="d-flex align-items-center gap-2 p-2 bg-light rounded">
|
|
||||||
<span className="avatar avatar-xs bg-primary-lt">
|
|
||||||
{countryToFlag(selectedGateway.country || '')}
|
|
||||||
</span>
|
|
||||||
<div className="flex-grow-1">
|
|
||||||
<div className="fw-bold">
|
|
||||||
<code>{selectedGateway.name}</code>
|
|
||||||
{selectedGateway.comment && <span className="text-muted ms-2">({selectedGateway.comment})</span>}
|
|
||||||
</div>
|
|
||||||
<div className="text-muted small">
|
|
||||||
{[selectedGateway.serverDns].filter(Boolean).join(' · ')}
|
|
||||||
</div>
|
|
||||||
{(selectedGateway.country || selectedGateway.provider) && (
|
|
||||||
<div className="text-muted small mt-1">
|
|
||||||
{selectedGateway.country && <span className="me-1">{countryToFlag(selectedGateway.country)}</span>}
|
|
||||||
{selectedGateway.provider}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
{selectedGateway.primary && <span className="badge bg-green-lt text-green">Основной</span>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
) : null;
|
|
||||||
|
|
||||||
const freeGatewayWarning =
|
const freeGatewayWarning =
|
||||||
value && !selectedGateway && !isOpen ? (
|
value && !selectedGateway && !isOpen ? (
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
@@ -561,7 +534,6 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{selectedGatewayInfo}
|
|
||||||
{freeGatewayWarning}
|
{freeGatewayWarning}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user