fiexed eslint any types

Tiko · Tiko · commit 4933a7578d8a · 2020-12-20T19:27:54.000+01:00
diff --git a/src/containers/NewsletterSubscribe/NewsletterSubscribe.tsx b/src/containers/NewsletterSubscribe/NewsletterSubscribe.tsx
@@ -35,7 +35,9 @@ const NewsletterSubscribe: React.FC<NewsletterSubscribeProps> = ({
     const [name, setName] = useState('');
     const [email, setEmail] = useState('');
 
-    const stateChanger = (setter: any) => (e: any) => setter(e.target.value);
+    const stateChanger = (
+        setter: React.Dispatch<React.SetStateAction<string>>,
+    ) => (e: React.ChangeEvent<HTMLInputElement>) => setter(e.target.value);
     const canSubmit = name !== '' && email !== '';
 
     return (
diff --git a/src/lib/Socials.tsx b/src/lib/Socials.tsx
@@ -20,7 +20,7 @@ type Social =
     | 'link'
     | 'github';
 
-export const getMinifiedSocial = (social: Social) => {
+export const getMinifiedSocial = (social: Social): string => {
     const socialHtml = socialIcons[social];
     const twoOrMoreWhitespaceRegex = /\s{2,}/g;
     const minifiedHtml = socialHtml.replace(twoOrMoreWhitespaceRegex, ' ');
diff --git a/src/lib/calcHeaderSizes.ts b/src/lib/calcHeaderSizes.ts
@@ -1,4 +1,4 @@
-const calcHeaderSize = (scale: number, baseSize: number) => {
+const calcHeaderSize = (scale: number, baseSize: number): string => {
     const elements = ['h6', 'h5', 'h4', 'h3', 'h2', 'h1'];
     const rawCSSArr = elements.map((element, count) => {
         const multiplier = baseSize * scale ** count;
diff --git a/src/pages/partners.tsx b/src/pages/partners.tsx
@@ -77,7 +77,7 @@ const CheckListItem: React.FC<CheckListItemProps> = ({ children }) => {
     );
 };
 
-const Partners = () => (
+const Partners: React.FC<Record<string, never>> = () => (
     <Layout pageSettings={pageSettings}>
         <ContentPageHeader
             useGatsbyLink
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -1,6 +1,8 @@
 /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */
 
 // Colors
+import React from 'react';
+
 const black = '#0f0f0f';
 const darkgray = '#1a1a1a';
 const green = '#23be87';
@@ -29,15 +31,17 @@ const GlobalHeadingSettings = {
     weight: bold,
     marginBottom: '0.66em',
 };
+
+// TODO: add typing to theme interface, for now they will accept any object (Record<string, unknown>)
 interface Bytecode {
-    colors: any;
-    fonts: any;
-    fontWeights: any;
-    typography: any;
-    breakpoint: any;
-    containerWidth: any;
-    breakpointMobileMenu: any;
-    mediaQueryMin: any | null;
+    colors: Record<string, unknown>;
+    fonts: Record<string, unknown>;
+    fontWeights: Record<string, unknown>;
+    typography: Record<string, unknown>;
+    breakpoint: Record<string, unknown>;
+    containerWidth: Record<string, unknown>;
+    breakpointMobileMenu: string;
+    mediaQueryMin: Record<string, unknown> | null;
 }
 // Bytecode theme
 const bytecode: Bytecode = {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-const calcHeaderSize = (scale: number, baseSize: number) => {`
	`1`	`+const calcHeaderSize = (scale: number, baseSize: number): string => {`
`2`	`2`	`const elements = ['h6', 'h5', 'h4', 'h3', 'h2', 'h1'];`
`3`	`3`	`const rawCSSArr = elements.map((element, count) => {`
`4`	`4`	`const multiplier = baseSize * scale ** count;`