From 44f69b679a9753dd706b0cc343b33437a8a36b06 Mon Sep 17 00:00:00 2001
From: Roy <roy.appeldoorn@gmail.com>
Date: Thu, 10 Aug 2023 11:22:30 +0200
Subject: [PATCH] Make ESLint happy

---
 src/components/navigation/Navigation.tsx             |  4 +++-
 .../feed/components/ActionButton/ActionButton.tsx    |  4 +++-
 src/modules/feed/components/CreatePost.tsx           |  2 --
 .../components/GuidelineInput/GuidelineInput.tsx     |  4 ++--
 src/modules/feed/components/RightRail.tsx            | 12 +++++++-----
 src/modules/feed/components/Transaction/Header.tsx   |  1 +
 .../feed/components/Transaction/LikeButton.tsx       |  5 ++---
 .../sections/integrations/Integrations.tsx           |  5 +++--
 src/modules/user/UserPage.tsx                        |  3 ++-
 9 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/navigation/Navigation.tsx b/src/components/navigation/Navigation.tsx
index b41c844c..a975af7f 100644
--- a/src/components/navigation/Navigation.tsx
+++ b/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;
diff --git a/src/modules/feed/components/ActionButton/ActionButton.tsx b/src/modules/feed/components/ActionButton/ActionButton.tsx
index dda597ed..dcc8fca5 100644
--- a/src/modules/feed/components/ActionButton/ActionButton.tsx
+++ b/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;
diff --git a/src/modules/feed/components/CreatePost.tsx b/src/modules/feed/components/CreatePost.tsx
index c13c1f7b..e20d6173 100644
--- a/src/modules/feed/components/CreatePost.tsx
+++ b/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
diff --git a/src/modules/feed/components/GuidelineInput/GuidelineInput.tsx b/src/modules/feed/components/GuidelineInput/GuidelineInput.tsx
index c0a150f6..8888528d 100644
--- a/src/modules/feed/components/GuidelineInput/GuidelineInput.tsx
+++ b/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;
diff --git a/src/modules/feed/components/RightRail.tsx b/src/modules/feed/components/RightRail.tsx
index c3f56b59..e199d44a 100644
--- a/src/modules/feed/components/RightRail.tsx
+++ b/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;
diff --git a/src/modules/feed/components/Transaction/Header.tsx b/src/modules/feed/components/Transaction/Header.tsx
index fd96b7b5..2247daa2 100644
--- a/src/modules/feed/components/Transaction/Header.tsx
+++ b/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`
diff --git a/src/modules/feed/components/Transaction/LikeButton.tsx b/src/modules/feed/components/Transaction/LikeButton.tsx
index cebb93f8..0c40d7ff 100644
--- a/src/modules/feed/components/Transaction/LikeButton.tsx
+++ b/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 },
diff --git a/src/modules/manage-team/sections/integrations/Integrations.tsx b/src/modules/manage-team/sections/integrations/Integrations.tsx
index 646087ef..53db414f 100644
--- a/src/modules/manage-team/sections/integrations/Integrations.tsx
+++ b/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.",
       );
     }
   }
diff --git a/src/modules/user/UserPage.tsx b/src/modules/user/UserPage.tsx
index 314bed80..b34bb0b9 100644
--- a/src/modules/user/UserPage.tsx
+++ b/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`;