Make ESLint happy

src/components/navigation/Navigation.tsx

@@ -3,7 +3,7 @@ import MobileNavigation from "./Mobile";
 import Desktop from "./Desktop";
 import { Media } from "../../support/breakpoints";
 
-export default () => (
+const Navigation = () => (
   <div>
     <Media lessThan="computer">
       <MobileNavigation />
@@ -13,3 +13,5 @@ export default () => (
     </Media>
   </div>
 );
+
+export default Navigation;

src/modules/feed/components/ActionButton/ActionButton.tsx

@@ -5,7 +5,7 @@ import { Link } from "react-router-dom";
 import { PATH_ADD_TRANSACTION } from "../../../../routes";
 import { Media } from "../../../../support/breakpoints";
 
-export default () => (
+const ActionButton = () => (
   <div>
     <Media lessThan="computer">
       <Link to={`${PATH_ADD_TRANSACTION}?transition=slideup`}>
@@ -31,3 +31,5 @@ export default () => (
     </Media>
   </div>
 );
+
+export default ActionButton;

src/modules/feed/components/CreatePost.tsx

@@ -314,7 +314,6 @@ export class CreatePost extends Component<CreatePostProps, CreatePostState> {
                   />
                   <Form.Field>
                     {/* Suppressed because the linter doesn't pick up on custom controls */}
-                    {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                     <label htmlFor="input-receivers">
                       Receivers
                       <UserDropdown
@@ -351,7 +350,6 @@ export class CreatePost extends Component<CreatePostProps, CreatePostState> {
 
                   <Form.Field>
                     {/* Suppressed because the linter doesn't pick up on custom controls */}
-                    {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                     <label htmlFor="image-upload">
                       Images
                       <ImageUpload

src/modules/feed/components/GuidelineInput/GuidelineInput.tsx

@@ -177,9 +177,9 @@ class GuidelineInput extends Component<Props, State> {
                 guidelines = data.teamById.guidelines.filter(
                   (guideline) =>
                     guideline.kudos - KUDO_GUIDELINE_RANGE <
-                      (this.state.amount || 0) &&
+                      (parseInt(this.state.amount) || 0) &&
                     guideline.kudos + KUDO_GUIDELINE_RANGE >
-                      (this.state.amount || 0)
+                      (parseInt(this.state.amount) || 0),
                 );
               } else {
                 guidelines = data.teamById.guidelines;

src/modules/feed/components/RightRail.tsx

@@ -1,14 +1,16 @@
-import React from 'react';
-import { Segment } from 'semantic-ui-react';
-import { Statistics } from '../../statistics';
+import React from "react";
+import { Segment } from "semantic-ui-react";
+import { Statistics } from "../../statistics";
 
-import s from './Rail.module.scss';
+import s from "./Rail.module.scss";
 
 const slackIconPath = `${process.env.PUBLIC_URL}/assets/kabisa_logo_white.png`;
 
-export default () => (
+const RightRail = () => (
   <Segment className={s.rail}>
     <Statistics />
     <img className={s.logo} alt="Kabisa logo" src={slackIconPath} />
   </Segment>
 );
+
+export default RightRail;

src/modules/feed/components/Transaction/Header.tsx

@@ -12,6 +12,7 @@ import { Storage } from "../../../../support/storage";
 import s from "./Header.module.scss";
 import { Auth } from "../../../../support";
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const moment = require("moment-twitter");
 
 export const MUTATION_REMOVE_POST = gql`

src/modules/feed/components/Transaction/LikeButton.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
 import { Button, Icon } from "semantic-ui-react";
 import { gql } from "@apollo/client";
@@ -58,7 +57,7 @@ const updateState = (store: any, newData: FragmentPostResult) => {
           }
 
           return newData;
-        }
+        },
       ),
     },
   };
@@ -73,7 +72,7 @@ const updateState = (store: any, newData: FragmentPostResult) => {
 export const toggleLike = (
   mutate: any,
   transactionId: string,
-  post: FragmentPostResult
+  post: FragmentPostResult,
 ) => {
   mutate({
     variables: { id: transactionId },

src/modules/manage-team/sections/integrations/Integrations.tsx

@@ -8,6 +8,7 @@ import { Storage } from "../../../../support/storage";
 import settings from "../../../../config/settings";
 import { SlackSection } from "./SlackSection";
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const queryString = require("query-string");
 
 export const REMOVE_SLACK = gql`
@@ -57,7 +58,7 @@ export default class IntegrationsSection extends React.Component<
   any
 > {
   slackConnectUrl = `${settings.API_BASE_URL}/auth/slack/team/${Storage.getItem(
-    settings.TEAM_ID_TOKEN
+    settings.TEAM_ID_TOKEN,
   )}`;
 
   constructor(props: IntegrationsSectionProps) {
@@ -68,7 +69,7 @@ export default class IntegrationsSection extends React.Component<
 
     if (auth === "ok") {
       toast.success(
-        "Connected to Slack! You should receive a Slack message shortly to confirm this."
+        "Connected to Slack! You should receive a Slack message shortly to confirm this.",
       );
     }
   }

src/modules/user/UserPage.tsx

@@ -17,6 +17,7 @@ import {
   SlackDisconnectedSegment,
 } from "./SlackSection";
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const queryString = require("query-string");
 
 export const DISCONNECT_SLACK = gql`
@@ -68,7 +69,7 @@ export interface State {
 
 export class UserPage extends React.Component<Props, State> {
   slackConnectUrl = `${settings.API_BASE_URL}/auth/slack/user/${Storage.getItem(
-    settings.USER_ID_TOKEN
+    settings.USER_ID_TOKEN,
   )}`;
 
   slackIconPath = `${process.env.PUBLIC_URL}/assets/slack_logo.png`;