Removing all binds from codebase

src/shared/components/app/navbar.tsx

@@ -34,21 +34,6 @@ interface NavbarState {
   unreadPendingFollowsCount: number;
 }
 
-function handleCollapseClick(i: Navbar) {
-  if (
-    i.collapseButtonRef.current?.attributes &&
-    i.collapseButtonRef.current?.attributes.getNamedItem("aria-expanded")
-      ?.value === "true"
-  ) {
-    i.collapseButtonRef.current?.click();
-  }
-}
-
-function handleLogOut(i: Navbar) {
-  UserService.Instance.logout();
-  handleCollapseClick(i);
-}
-
 @tippyMixin
 export class Navbar extends Component<NavbarProps, NavbarState> {
   collapseButtonRef = createRef<HTMLButtonElement>();
@@ -67,8 +52,6 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
 
   constructor(props: any, context: any) {
     super(props, context);
-
-    this.handleOutsideMenuClick = this.handleOutsideMenuClick.bind(this);
   }
 
   async componentWillMount() {
@@ -101,12 +84,16 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
           );
       }
 
-      document.addEventListener("mouseup", this.handleOutsideMenuClick);
+      document.addEventListener("mouseup", e =>
+        handleOutsideMenuClick(this, e),
+      );
     }
   }
 
   componentWillUnmount() {
-    document.removeEventListener("mouseup", this.handleOutsideMenuClick);
+    document.removeEventListener("mouseup", e =>
+      handleOutsideMenuClick(this, e),
+    );
     this.unreadNotifsCountSubscription.unsubscribe();
     this.unreadReportCountSubscription.unsubscribe();
     if (moderatesSomething(this.props.myUserInfo)) {
@@ -508,12 +495,6 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
     );
   }
 
-  handleOutsideMenuClick(event: MouseEvent) {
-    if (!this.mobileMenuRef.current?.contains(event.target as Node | null)) {
-      handleCollapseClick(this);
-    }
-  }
-
   get currentLocation() {
     return this.context.router.history.location.pathname;
   }
@@ -532,3 +513,24 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
     }
   }
 }
+
+function handleCollapseClick(i: Navbar) {
+  if (
+    i.collapseButtonRef.current?.attributes &&
+    i.collapseButtonRef.current?.attributes.getNamedItem("aria-expanded")
+      ?.value === "true"
+  ) {
+    i.collapseButtonRef.current?.click();
+  }
+}
+
+function handleLogOut(i: Navbar) {
+  UserService.Instance.logout();
+  handleCollapseClick(i);
+}
+
+function handleOutsideMenuClick(i: Navbar, event: MouseEvent) {
+  if (!i.mobileMenuRef.current?.contains(event.target as Node | null)) {
+    handleCollapseClick(i);
+  }
+}

src/shared/components/comment/comment-report.tsx

@@ -1,4 +1,4 @@
-import { Component, InfernoNode, linkEvent } from "inferno";
+import { Component, InfernoNode } from "inferno";
 import { T } from "inferno-i18next-dess";
 import {
   CommentReportView,
@@ -48,11 +48,9 @@ export class CommentReport extends Component<
     loading: false,
     showRemoveCommentDialog: false,
   };
+
   constructor(props: any, context: any) {
     super(props, context);
-    this.handleModBanFromCommunity = this.handleModBanFromCommunity.bind(this);
-    this.handleAdminBan = this.handleAdminBan.bind(this);
-    this.handleRemoveComment = this.handleRemoveComment.bind(this);
   }
 
   componentWillReceiveProps(
@@ -162,7 +160,7 @@ export class CommentReport extends Component<
         )}
         <button
           className="btn btn-link btn-animate text-muted py-0"
-          onClick={linkEvent(this, this.handleResolveReport)}
+          onClick={() => handleResolveReport(this)}
           data-tippy-content={tippyContent}
           aria-label={tippyContent}
         >
@@ -196,7 +194,7 @@ export class CommentReport extends Component<
           inlineWithText
           icon={comment_view.creator_banned ? "unban" : "ban"}
           noLoading
-          onClick={this.handleModBanFromCommunity}
+          onClick={() => handleModBanFromCommunity(this)}
           iconClass={`text-${comment_view.creator_banned ? "success" : "danger"}`}
         />
         {this.props.myUserInfo?.local_user_view.local_user.admin && (
@@ -207,13 +205,13 @@ export class CommentReport extends Component<
             inlineWithText
             icon={comment_view.creator_banned ? "unban" : "ban"}
             noLoading
-            onClick={this.handleAdminBan}
+            onClick={() => handleAdminBan(this)}
             iconClass={`text-${comment_view.creator_banned ? "success" : "danger"}`}
           />
         )}
         {this.state.showRemoveCommentDialog && (
           <ModActionFormModal
-            onSubmit={this.handleRemoveComment}
+            onSubmit={reason => handleRemoveComment(this, reason)}
             modActionType="remove-comment"
             isRemoved={comment_view.comment.removed}
             onCancel={() => this.setState({ showRemoveCommentDialog: false })}
@@ -223,38 +221,38 @@ export class CommentReport extends Component<
       </div>
     );
   }
+}
 
-  handleResolveReport(i: CommentReport) {
-    i.setState({ loading: true });
-    i.props.onResolveReport({
-      report_id: i.props.report.comment_report.id,
-      resolved: !i.props.report.comment_report.resolved,
-    });
-  }
+function handleResolveReport(i: CommentReport) {
+  i.setState({ loading: true });
+  i.props.onResolveReport({
+    report_id: i.props.report.comment_report.id,
+    resolved: !i.props.report.comment_report.resolved,
+  });
+}
 
-  async handleRemoveComment(reason: string) {
-    this.props.onRemoveComment({
-      comment_id: this.props.report.comment.id,
-      removed: !this.props.report.comment.removed,
-      reason,
-    });
-    this.setState({ showRemoveCommentDialog: false });
-  }
+function handleRemoveComment(i: CommentReport, reason: string) {
+  i.props.onRemoveComment({
+    comment_id: i.props.report.comment.id,
+    removed: !i.props.report.comment.removed,
+    reason,
+  });
+  i.setState({ showRemoveCommentDialog: false });
+}
 
-  handleModBanFromCommunity() {
-    this.setState({ loading: true });
-    this.props.onModBanFromCommunity({
-      person: this.props.report.comment_creator,
-      community: this.props.report.community,
-      ban: !this.props.report.creator_banned,
-    });
-  }
+function handleModBanFromCommunity(i: CommentReport) {
+  i.setState({ loading: true });
+  i.props.onModBanFromCommunity({
+    person: i.props.report.comment_creator,
+    community: i.props.report.community,
+    ban: !i.props.report.creator_banned,
+  });
+}
 
-  handleAdminBan() {
-    this.setState({ loading: true });
-    this.props.onAdminBan({
-      person: this.props.report.comment_creator,
-      ban: !this.props.report.creator_banned,
-    });
-  }
+function handleAdminBan(i: CommentReport) {
+  i.setState({ loading: true });
+  i.props.onAdminBan({
+    person: i.props.report.comment_creator,
+    ban: !i.props.report.creator_banned,
+  });
 }