chore: type some functions

landing/fragments/landing-faq/src/faq.component.tsx

@@ -21,7 +21,7 @@ export const Faq = () => {
   const { isMobile } = useWindowWidth()
 
   const [open, setOpen] = useState<boolean>(false)
-  const handleModalOpen = () => setOpen(false)
+  const handleModalState = () => setOpen(!open)
 
   const questions = Array.from({ length: 6 }, () => Question).map((el, index) => ({
     ...el,
@@ -59,7 +59,7 @@ export const Faq = () => {
                   heightIcon={48}
                   backgroundIcon='background.white'
                   radiiIcon='normal'
-                  onClick={() => setOpen(true)}
+                  onClick={handleModalState}
                 >
                   <Text color='text.white' fontSize='small' lineHeight='normal'>
                     <FormattedMessage id='faq.button' />
@@ -103,7 +103,7 @@ export const Faq = () => {
                 heightIcon={32}
                 backgroundIcon='background.white'
                 radiiIcon='tiny'
-                onClick={() => setOpen(true)}
+                onClick={handleModalState}
               >
                 <Text color='text.white' fontSize='small' lineHeight='small'>
                   <FormattedMessage id='faq.button' />
@@ -117,7 +117,7 @@ export const Faq = () => {
 
         <Layout flexBasis={[20, 80]} flexShrink='0' />
       </Row>
-      <QuestionModal open={open} setOpen={handleModalOpen} />
+      <QuestionModal open={open} setOpen={handleModalState} />
     </>
   )
 }

landing/fragments/landing-faq/src/question-modal/question-modal.interfaces.ts

@@ -1,4 +1,6 @@
+import { MouseEventHandler } from 'react'
+
 export interface QuestionModalProps {
   open: boolean
-  setOpen: () => void
+  setOpen: MouseEventHandler<HTMLDivElement>
 }

landing/fragments/landing-navigation/src/drawer/drawer.interfaces.ts

@@ -1,5 +1,7 @@
+import { MouseEventHandler } from 'react'
+
 export interface DrawerProps {
   active: boolean
-  onClose: () => void
+  onClose: MouseEventHandler<HTMLButtonElement>
   children?: JSX.Element
 }

ui/form/src/form.component.tsx

@@ -36,8 +36,8 @@ export const Form: FC<FormProps> = ({ name, send, setSend, onClose, onChange })
     setPhoneNumber('')
   }
 
-  const handleClose = () => {
-    onClose()
+  const handleClose = (e) => {
+    onClose(e)
     setSend(false)
     onChange('')
   }
@@ -62,7 +62,7 @@ export const Form: FC<FormProps> = ({ name, send, setSend, onClose, onChange })
             maxLength={500}
           />
 
-          <Condition match={!!display}>
+          <Condition match={display}>
             <Layout flexBasis={12} />
 
             <Input

ui/form/src/form.interfaces.ts

@@ -1,7 +1,11 @@
+import { Dispatch }          from 'react'
+import { MouseEventHandler } from 'react'
+import { SetStateAction }    from 'react'
+
 export interface FormProps {
   name: string
   send: boolean
-  setSend: React.Dispatch<React.SetStateAction<boolean>>
-  onClose: () => void
+  setSend: Dispatch<SetStateAction<boolean>>
+  onClose: MouseEventHandler<HTMLDivElement>
   onChange: (userName: string) => void
 }

ui/modal/src/modal.interfaces.tsx

@@ -1,4 +1,6 @@
+import { MouseEventHandler } from 'react'
+
 export interface ModalProps {
-  open?: boolean
-  onClose?: () => void
+  open: boolean
+  onClose: MouseEventHandler<HTMLDivElement>
 }