define types to simplify further development

janbaykara · Jun 2, 2022 · 5b40d7e · 5b40d7e
1 parent f28f419
commit 5b40d7e
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/js/popup/Components.tsx b/src/js/popup/Components.tsx
@@ -2,9 +2,9 @@ import * as React from "react";
 import { Flex, Box, Image, Text, Button } from "rebass";
 
 interface PageParams {
-  url: any,
-  moveUp: any,
-  moveDown: any
+  url: string,
+  moveUp: Function,
+  moveDown: Function
 }
 
 function Page({ url, moveUp, moveDown }: PageParams) {
@@ -30,9 +30,9 @@ function Page({ url, moveUp, moveDown }: PageParams) {
 };
 
 interface ResetButtonParams {
-  reset: any,
-  styleOverride: any,
-  children: any
+  reset: Function,
+  styleOverride: Object,
+  children: React.ReactNode
 }
 
 function ResetButton({ reset, styleOverride, children }: ResetButtonParams) {
@@ -54,8 +54,8 @@ function ResetButton({ reset, styleOverride, children }: ResetButtonParams) {
 
 interface CheckboxParams {
   checked: boolean,
-  onChange: any,
-  children: any
+  onChange: React.ChangeEventHandler<HTMLInputElement>,
+  children: React.ReactNode
 }
 
 function Checkbox({ checked, onChange, children }: CheckboxParams) {