a7534dc223
* fix: adding confirmation modal to confirm gateway url change * refactor: added modal instead of confirm prompt * fix(ui): reconnect after confirming gateway url (#2880) (thanks @0xacb) --------- Co-authored-by: 0xacb <amccbaptista@gmail.com>
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { html, nothing } from "lit";
|
|
|
|
import type { AppViewState } from "../app-view-state";
|
|
|
|
export function renderGatewayUrlConfirmation(state: AppViewState) {
|
|
const { pendingGatewayUrl } = state;
|
|
if (!pendingGatewayUrl) return nothing;
|
|
|
|
return html`
|
|
<div class="exec-approval-overlay" role="dialog" aria-modal="true" aria-live="polite">
|
|
<div class="exec-approval-card">
|
|
<div class="exec-approval-header">
|
|
<div>
|
|
<div class="exec-approval-title">Change Gateway URL</div>
|
|
<div class="exec-approval-sub">This will reconnect to a different gateway server</div>
|
|
</div>
|
|
</div>
|
|
<div class="exec-approval-command mono">${pendingGatewayUrl}</div>
|
|
<div class="callout danger" style="margin-top: 12px;">
|
|
Only confirm if you trust this URL. Malicious URLs can compromise your system.
|
|
</div>
|
|
<div class="exec-approval-actions">
|
|
<button
|
|
class="btn primary"
|
|
@click=${() => state.handleGatewayUrlConfirm()}
|
|
>
|
|
Confirm
|
|
</button>
|
|
<button
|
|
class="btn"
|
|
@click=${() => state.handleGatewayUrlCancel()}
|
|
>
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|