Use UIHelper to open link

Let the helper handle all the logic as it's tested, so if anything
changes we can handle it in one place.

Bug: none
Change-Id: I10f300c620105acb95966da9338e9632cc27ee18
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7648889
Auto-Submit: Nikolay Vitkov <nvitkov@chromium.org>
Commit-Queue: Natallia Harshunova <nharshunova@chromium.org>
Reviewed-by: Natallia Harshunova <nharshunova@chromium.org>

Author: Lightning00Blade

front_end/panels/settings/components/SyncSection.ts

@@ -10,10 +10,10 @@ 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';
-import * as SDK from '../../../core/sdk/sdk.js';
 import * as Badges from '../../../models/badges/badges.js';
 import * as Buttons from '../../../ui/components/buttons/buttons.js';
 import type * as SettingsComponents from '../../../ui/components/settings/settings.js';
+import * as UIHelpers from '../../../ui/helpers/helpers.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
@@ -343,19 +343,10 @@ export class SyncSection extends UI.Widget.Widget {
   }
 
   #onWarningClick(event: Event): void {
-    const rootTarget = SDK.TargetManager.TargetManager.instance().rootTarget();
-    if (rootTarget === null) {
-      return;
-    }
     // TODO: investigate if /advance link is alive
-    const warningLink = !this.#syncInfo.isSyncActive ?
-        ('chrome://settings/syncSetup' as Platform.DevToolsPath.UrlString) :
-        ('chrome://settings/syncSetup/advanced' as Platform.DevToolsPath.UrlString);
-    void rootTarget.targetAgent().invoke_createTarget({url: warningLink}).then(result => {
-      if (result.getError()) {
-        Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(warningLink);
-      }
-    });
+    const warningLink =
+        this.#syncInfo.isSyncActive ? 'chrome://settings/syncSetup/advanced' : 'chrome://settings/syncSetup';
+    UIHelpers.openInNewTab(warningLink);
     event.consume();
   }