antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add types for EmojiPicker

Browse Source
This commit is contained in:
Maximilian Harz 2025-01-23 12:05:48 +01:00
parent b3f3e93aa6
commit be3fca7925
2 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/Components/Templates/AttestationForm.tsx
View File

@ -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[]>()

24
src/Components/Templates/EmojiPicker.tsx
View File

@ -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)
}