removed all occurences of "any"

src/components/elements.tsx

@@ -70,7 +70,7 @@ const StyledButton = styled.button`
 
 interface IIconButtonProps {
   icon: string;
-  onClick: any;
+  onClick: (e: React.FormEvent) => void;
 }
 
 /**

src/components/modal.tsx

@@ -52,7 +52,7 @@ interface IModalProps {
  * @param {IModalProps} props - The needed props for the modal
  */
 const Modal = ({ element, icon, text, condition, title, onClose, children }: IModalProps) => {
-  const [modalHidden, setModalHidden] = useState(condition ?? true);
+  const [modalHidden, setModalHidden] = useState<boolean>(condition ?? true);
 
   const closeModal = () => {
     if (onClose) onClose();

src/components/searchBar.tsx

@@ -56,9 +56,7 @@ const SearchBar = ({ providers }: ISearchBarProps) => {
   let [input, setInput] = useState<string>("");
   let [buttonsHidden, setButtonsHidden] = useState<boolean>(true);
 
-  useEffect(() => {
-    setButtonsHidden(input === "");
-  }, [input]);
+  useEffect(() => setButtonsHidden(input === ""), [input]);
 
   const handleSearchQuery = (e: React.FormEvent) => {
     var query: string = input || "";

src/components/settings.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import styled from "styled-components";
 
-import Select, { Styles } from "react-select";
+import Select, { Styles, ValueType } from "react-select";
 
 import { ISearchProviderProps } from "./searchBar";
 import selectedTheme, { setTheme, IThemeProps } from "../lib/theme";
@@ -118,14 +118,13 @@ interface ISettingsProps {
   providers: Array<ISearchProviderProps> | undefined;
 }
 
-
 /**
  * Handles the settings-modal
  * @param {Array<IThemeProps>} themes - the list of themes a user can select between
  * @param {Array<ISearchProviderProps>} providers - the list of search providers
  */
 const Settings = ({ themes, providers }: ISettingsProps) => {
-  const [newTheme, setNewTheme] = useState();
+  const [newTheme, setNewTheme] = useState<IThemeProps>();
 
   if (themes && providers) {
     return (
@@ -137,8 +136,8 @@ const Settings = ({ themes, providers }: ISettingsProps) => {
               <Select
                 options={themes}
                 defaultValue={selectedTheme}
-                onChange={(e: any) => {
-                  setNewTheme(e);
+                onChange={(e: ValueType<IThemeProps, false>) => {
+                  if (e !== null && e !== undefined) setNewTheme(e);
                 }}
                 styles={SelectorStyle}
               />