diff --git a/front_end/ui/legacy/RemoteDebuggingTerminatedScreen.ts b/front_end/ui/legacy/RemoteDebuggingTerminatedScreen.ts index 3e674edaef88..021ab49dc8f3 100644 --- a/front_end/ui/legacy/RemoteDebuggingTerminatedScreen.ts +++ b/front_end/ui/legacy/RemoteDebuggingTerminatedScreen.ts @@ -2,6 +2,7 @@ // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. +import * as Common from '../../core/common/common.js'; import * as Host from '../../core/host/host.js'; import * as i18n from '../../core/i18n/i18n.js'; import type * as Platform from '../../core/platform/platform.js'; @@ -66,33 +67,39 @@ export class RemoteDebuggingTerminatedScreen extends VBox { super(true); this.registerCSSFiles([remoteDebuggingTerminatedScreenStyles]); - const handleReconnect = () => { + const handleReconnect = (): void => { window.location.reload(); }; const feedbackLink = globalThis.FB_ONLY__reactNativeFeedbackLink; render( - html` + html`

${i18nString(UIStrings.title)}

- ${i18nString(UIStrings.debuggingConnectionWasClosed)}${reason} + + ${i18nString(UIStrings.debuggingConnectionWasClosed)} + ${reason} +
${i18nString(UIStrings.reconnectWhenReadyByReopening)}
- ${createTextButton( - i18nString(UIStrings.reconnectDevtools), - handleReconnect, - {className: "primary-button", jslogContext: "reconnect"} - )} -
${i18nString(UIStrings.closeDialogDetail)}
+ ${ + createTextButton( + i18nString(UIStrings.reconnectDevtools), + handleReconnect, + {className: 'primary-button', jslogContext: 'reconnect'}, + )} +
+ ${i18nString(UIStrings.closeDialogDetail)} +
${createTextButton(i18nString(UIStrings.closeDialog), onClose, { - jslogContext: "dismiss", - })} + jslogContext: 'dismiss', + })}
- ${feedbackLink !== null && feedbackLink !== undefined - ? this.#createFeedbackSection(feedbackLink!) : null} + ${feedbackLink !== null && feedbackLink !== undefined ? this.#createFeedbackSection(feedbackLink) : null} `, - this.contentElement + this.contentElement, + {host: this}, ); } @@ -106,20 +113,21 @@ export class RemoteDebuggingTerminatedScreen extends VBox { } #createFeedbackSection(feedbackLink: string): LitHtml.TemplateResult { - const handleSendFeedback = () => { + const handleSendFeedback = (): void => { Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab( - feedbackLink as Platform.DevToolsPath.UrlString + feedbackLink as Platform.DevToolsPath.UrlString, ); }; return html`
${i18nString(UIStrings.sendFeedbackMessage)}
- ${createTextButton( + ${ + createTextButton( i18nString(UIStrings.sendFeedback), handleSendFeedback, - {jslogContext: "sendFeedback"} - )} + {jslogContext: 'sendFeedback'}, + )}
`; }