From be3fca792528cd3692db6f7354505c16e3921e2b Mon Sep 17 00:00:00 2001
From: Maximilian Harz <maxharz@gmail.com>
Date: Thu, 23 Jan 2025 12:05:48 +0100
Subject: [PATCH] Add types for EmojiPicker

---
 src/Components/Templates/AttestationForm.tsx | 10 +-------
 src/Components/Templates/EmojiPicker.tsx     | 24 +++++++++++---------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/src/Components/Templates/AttestationForm.tsx b/src/Components/Templates/AttestationForm.tsx
index a5ed5b69..c7c30e5c 100644
--- a/src/Components/Templates/AttestationForm.tsx
+++ b/src/Components/Templates/AttestationForm.tsx
@@ -1,12 +1,4 @@
-/* eslint-disable @typescript-eslint/no-misused-promises */
-/* eslint-disable @typescript-eslint/prefer-optional-chain */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/require-await */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
-/* eslint-disable @typescript-eslint/no-floating-promises */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
-/* eslint-disable @typescript-eslint/restrict-plus-operands */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { useRef, useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'react-toastify'
@@ -18,7 +10,7 @@ import { Item, ItemsApi } from '#src/types'
 import { EmojiPicker } from './EmojiPicker'
 import { MapOverlayPage } from './MapOverlayPage'
 
-export const AttestationForm = ({ api }: { api?: ItemsApi<any> }) => {
+export const AttestationForm = ({ api }: { api?: ItemsApi<unknown> }) => {
   const items = useItems()
   const appState = useAppState()
   const [users, setUsers] = useState<Item[]>()
diff --git a/src/Components/Templates/EmojiPicker.tsx b/src/Components/Templates/EmojiPicker.tsx
index 5f302b87..e52b09ea 100644
--- a/src/Components/Templates/EmojiPicker.tsx
+++ b/src/Components/Templates/EmojiPicker.tsx
@@ -1,21 +1,23 @@
-/* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 import { useState } from 'react'
 
+interface Props {
+  selectedEmoji: string
+  selectedColor: string
+  selectedShape: string
+  setSelectedEmoji: (emoji: string) => void
+  setSelectedColor: (color: string) => void
+  setSelectedShape: (shape: string) => void
+}
+
 export const EmojiPicker = ({
-  // eslint-disable-next-line react/prop-types
   selectedEmoji,
-  // eslint-disable-next-line react/prop-types
   selectedColor,
-  // eslint-disable-next-line react/prop-types
   selectedShape,
-  // eslint-disable-next-line react/prop-types
   setSelectedEmoji,
-  // eslint-disable-next-line react/prop-types
   setSelectedColor,
-  // eslint-disable-next-line react/prop-types
   setSelectedShape,
-}) => {
+}: Props) => {
   const [isOpen, setIsOpen] = useState(false)
 
   const emojis = [
@@ -77,17 +79,17 @@ export const EmojiPicker = ({
     setIsOpen(!isOpen)
   }
 
-  const selectEmoji = (emoji) => {
+  const selectEmoji = (emoji: string) => {
     setSelectedEmoji(emoji)
     setIsOpen(false)
   }
 
-  const selectShape = (shape) => {
+  const selectShape = (shape: string) => {
     setSelectedShape(shape)
     setIsOpen(false)
   }
 
-  const selectColor = (color) => {
+  const selectColor = (color: string) => {
     setSelectedColor(color)
     setIsOpen(false)
   }