Add some types & ignore console on APIs & tests

src/api/eventApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import axios from "axios";
 import Event from "@models/Event";
 import { getAuthHeader } from "@utils/auth";

src/api/feedApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import axios from "axios";
 import Post from "@models/Feed";
 import { getAuthHeader } from "@utils/auth";

src/api/jobAdApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import axios from "axios";
 import JobAd from "@models/JobAd";
 import { getAuthHeader } from "@utils/auth";

src/api/signupApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import axios from "axios";
 import { Signup, SignupForm } from "@models/Signup";
 import { getAuthHeader } from "@utils/auth";

src/api/tagApi.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import axios from "axios";
 import Tag from "@models/Tag";
 

src/components/Icon.tsx

@@ -12,7 +12,7 @@ export enum IconType {
 interface IconProps {
   name: IconType;
   link?: string;
-  onClick?: (event?: any) => void;
+  onClick?: React.MouseEventHandler<HTMLSpanElement>;
 }
 
 const nameToIcon = (name: IconType): JSX.Element | string => {

src/components/Widgets/SignupQuestionsWidget/OptionsWidget.tsx

@@ -10,7 +10,7 @@ interface OptionsWidgetProps {
 }
 
 class OptionsWidget extends React.Component<OptionsWidgetProps> {
-  handleListOptionsChange = (questions: Question[], index: number) => (event) => {
+  handleListOptionsChange = (questions: Question[], index: number): React.ChangeEventHandler<HTMLInputElement> => (event) => {
     const { onChange } = this.props;
     const val = event.target.value;
     const lst = val.split(",").map((p) => p.trimLeft());
@@ -19,15 +19,15 @@ class OptionsWidget extends React.Component<OptionsWidgetProps> {
     onChange(questions);
   };
 
-  handleTextOptionsChange = (questions: Question[], index: number) => (event) => {
+  handleTextOptionsChange = (questions: Question[], index: number): React.ChangeEventHandler<HTMLInputElement> => (event) => {
     const { onChange } = this.props;
     const val = event.target.value;
     // eslint-disable-next-line no-param-reassign
-    questions[index].options = val;
+    questions[index].options = val as unknown as string[]; // TODO: Check type
     onChange(questions);
   };
 
-  handleIntegerOptionsChange = (questions: Question[], index: number) => (event) => {
+  handleIntegerOptionsChange = (questions: Question[], index: number): React.ChangeEventHandler<HTMLInputElement> => (event) => {
     const { onChange } = this.props;
     const val = event.target.value;
     if (val !== "") {
@@ -43,7 +43,7 @@ class OptionsWidget extends React.Component<OptionsWidgetProps> {
     onChange(questions);
   };
 
-  handleRequiredChange = (questions: Question[], index: number) => (event) => {
+  handleRequiredChange = (questions: Question[], index: number): React.ChangeEventHandler<HTMLInputElement> => (event) => {
     const { onChange } = this.props;
     const val: boolean = event.target.checked;
     console.log(val);

src/components/Widgets/SignupQuestionsWidget/QuestionList.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import styled from "styled-components";
 import { Draggable } from "react-beautiful-dnd";
 import { colors } from "@theme/colors";
@@ -17,8 +17,8 @@ const WidgetRow = styled.div`
 
 interface QuestionListProps {
   questions: Question[];
-  innerRef: any;
-  placeholder: any;
+  innerRef: React.Ref<HTMLDivElement>;
+  placeholder: ReactNode;
   onChange: (value: Question[]) => void;
 }
 

src/pages/admin/signups/[id]/list.tsx

@@ -9,8 +9,8 @@ import SignupApi from "@api/signupApi";
 import { Button } from "@components/index";
 import noop from "@utils/noop";
 
-const StyledButton = styled(Button) <{ colorOverride: "red" | "green" }>`
-  background-color: ${(p: any) => p.colorOverride};
+const StyledButton = styled(Button) <{ $colorOverride: "red" | "green" }>`
+  background-color: ${(p) => p.$colorOverride};
 `;
 
 const SignupEmailPage: NextPage = () => {
@@ -64,7 +64,7 @@ const SignupEmailPage: NextPage = () => {
             ))}
             <th>
               <CSVLink data={CSVData} headers={questions.map((q) => q.title)} separator=";">
-                <StyledButton colorOverride="green" buttonStyle="filled" onClick={noop}>
+                <StyledButton $colorOverride="green" buttonStyle="filled" onClick={noop}>
                   Download CSV
                 </StyledButton>
               </CSVLink>
@@ -81,7 +81,7 @@ const SignupEmailPage: NextPage = () => {
                 </td>
               ))}
               <td>
-                <StyledButton colorOverride="red" buttonStyle="filled" onClick={() => confirmDelete(s, questions[0])}>
+                <StyledButton $colorOverride="red" buttonStyle="filled" onClick={() => confirmDelete(s, questions[0])}>
                   Delete
                 </StyledButton>
               </td>

tests/testcafe/utils.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import { Selector, ClientFunction, RequestLogger } from "testcafe";
 import axios from "axios";