Fix to allow resizing of the todos panel (#1120)

* Change all functions in the 'TodosPanel.tsx' to consistently use arrow-style

---------

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

1 files changed, 8 insertions, 8 deletions

diff --git a/src/features/todos/components/TodosWebview.tsx b/src/features/todos/components/TodosWebview.tsx
index 3385ff74c..4b53df956 100644
--- a/src/features/todos/components/TodosWebview.tsx
+++ b/src/features/todos/components/TodosWebview.tsx
@@ -98,15 +98,15 @@ class TodosWebview extends Component<IProps, IState> {
     }
   }
 
-  startResize(e: MouseEvent<HTMLDivElement>): void {
+  startResize = (e: MouseEvent<HTMLDivElement>): void => {
     this.setState({
       isDragging: true,
       initialPos: e.clientX,
       delta: 0,
     });
-  }
+  };
 
-  resizePanel(e: MouseEventInit): void {
+  resizePanel = (e: MouseEventInit): void => {
     const { minWidth } = this.props;
     const { isDragging, initialPos } = this.state;
 
@@ -117,9 +117,9 @@ class TodosWebview extends Component<IProps, IState> {
         delta,
       });
     }
-  }
+  };
 
-  stopResize(): void {
+  stopResize = (): void => {
     const { resize, minWidth } = this.props;
     const { isDragging, delta, width } = this.state;
 
@@ -138,9 +138,9 @@ class TodosWebview extends Component<IProps, IState> {
 
       resize(newWidth);
     }
-  }
+  };
 
-  startListeningToIpcMessages() {
+  startListeningToIpcMessages = (): void => {
     if (!this.webview) {
       return;
     }
@@ -149,7 +149,7 @@ class TodosWebview extends Component<IProps, IState> {
     this.webview.addEventListener('ipc-message', e => {
       handleClientMessage(e.channel, e.args[0]);
     });
-  }
+  };
 
   render(): ReactElement {
     const {