Removed package "autobind-decorator" and @boundMethod in favour of "auto-bind" util for constructors-only. (#5218)

src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import type { Cluster } from "../../../../common/cluster/cluster";
-import { boundMethod } from "../../../utils";
+import { autoBind } from "../../../utils";
 import { observable } from "mobx";
 import { observer } from "mobx-react";
 import type { KubernetesCluster } from "../../../../common/catalog-entities";
@@ -28,9 +28,13 @@ export class ClusterIconSetting extends React.Component<ClusterIconSettingProps>
   @observable status = GeneralInputStatus.CLEAN;
   @observable errorText?: string;
 
+  constructor(props: ClusterIconSettingProps) {
+    super(props);
+    autoBind(this);
+  }
+
   private element = React.createRef<HTMLDivElement>();
 
-  @boundMethod
   async onIconPick([file]: File[]) {
     if (!file) {
       return;
@@ -56,7 +60,6 @@ export class ClusterIconSetting extends React.Component<ClusterIconSettingProps>
     this.props.cluster.preferences.icon = null;
   }
 
-  @boundMethod
   onUploadClick() {
     this.element
       .current

src/renderer/components/cluster-settings/components/cluster-kubeconfig.tsx

@@ -7,7 +7,6 @@ import React from "react";
 import type { Cluster } from "../../../../common/cluster/cluster";
 import { observer } from "mobx-react";
 import { SubTitle } from "../../layout/sub-title";
-import { boundMethod } from "../../../../common/utils";
 import { shell } from "electron";
 import { Notice } from "../../+extensions/notice";
 
@@ -17,13 +16,11 @@ export interface ClusterKubeconfigProps {
 
 @observer
 export class ClusterKubeconfig extends React.Component<ClusterKubeconfigProps> {
-
-  @boundMethod
-  openKubeconfig() {
+  openKubeconfig = () => {
     const { cluster } = this.props;
 
     shell.showItemInFolder(cluster.kubeConfigPath);
-  }
+  };
 
   render() {
     return (