From 5b40d7e207541c58098d5cb286b28e471230aace Mon Sep 17 00:00:00 2001
From: obfuscatedgenerated
 <75035364+obfuscatedgenerated@users.noreply.github.com>
Date: Thu, 2 Jun 2022 23:19:59 +0100
Subject: [PATCH] define types to simplify further development

---
 src/js/popup/Components.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/js/popup/Components.tsx b/src/js/popup/Components.tsx
index 0a8b7b5..fa5b3b8 100644
--- 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) {