Add additional telemetry (#1124)

This PR adds additional telemetry to determine: 
- what location for IDE panel users prefer 
- do users encounter problems after clicking "activate license button"

Author: filip131311

packages/vscode-extension/src/panels/WebviewController.ts

@@ -1,9 +1,10 @@
-import { Webview, Disposable, commands, Uri } from "vscode";
+import { Webview, Disposable, commands, Uri, workspace } from "vscode";
 import { Logger } from "../Logger";
 import { getTelemetryReporter } from "../utilities/telemetry";
 import { IDE } from "../project/ide";
 import { disposeAll } from "../utilities/disposables";
 import { RENDER_OUTLINES_PLUGIN_ID } from "../common/RenderOutlines";
+import { PanelLocation } from "../common/WorkspaceConfig";
 
 type CallArgs = {
   callId: string;
@@ -54,7 +55,14 @@ export class WebviewController implements Disposable {
     ]);
 
     commands.executeCommand("setContext", "RNIDE.panelIsOpen", true);
-    getTelemetryReporter().sendTelemetryEvent("panelOpened");
+
+    const panelLocation = workspace
+      .getConfiguration("RadonIDE")
+      .get<PanelLocation>("panelLocation");
+
+    getTelemetryReporter().sendTelemetryEvent("panelOpened", {
+      panelLocation,
+    });
   }
 
   public asWebviewUri(uri: Uri) {

packages/vscode-extension/src/webview/views/PreviewView.tsx

@@ -25,10 +25,14 @@ import ToolsDropdown from "../components/ToolsDropdown";
 
 function ActivateLicenseButton() {
   const { openModal } = useModal();
+  const { sendTelemetry } = useUtils();
   return (
     <Button
       className="activate-license-button"
-      onClick={() => openModal("Activate License", <ActivateLicenseView />)}>
+      onClick={() => {
+        sendTelemetry("activateLicenseButtonClicked");
+        openModal("Activate License", <ActivateLicenseView />);
+      }}>
       Activate License
     </Button>
   );