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-template-expressions */
/* eslint-disable @typescript-eslint/restrict-plus-operands */
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
import { useRef, useState, useEffect } from 'react' import { useRef, useState, useEffect } from 'react'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { toast } from 'react-toastify' import { toast } from 'react-toastify'
@ -18,7 +10,7 @@ import { Item, ItemsApi } from '#src/types'
import { EmojiPicker } from './EmojiPicker' import { EmojiPicker } from './EmojiPicker'
import { MapOverlayPage } from './MapOverlayPage' import { MapOverlayPage } from './MapOverlayPage'
export const AttestationForm = ({ api }: { api?: ItemsApi<any> }) => { export const AttestationForm = ({ api }: { api?: ItemsApi<unknown> }) => {
const items = useItems() const items = useItems()
const appState = useAppState() const appState = useAppState()
const [users, setUsers] = useState<Item[]>() 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 */ /* eslint-disable @typescript-eslint/restrict-template-expressions */
import { useState } from 'react' 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 = ({ export const EmojiPicker = ({
// eslint-disable-next-line react/prop-types
selectedEmoji, selectedEmoji,
// eslint-disable-next-line react/prop-types
selectedColor, selectedColor,
// eslint-disable-next-line react/prop-types
selectedShape, selectedShape,
// eslint-disable-next-line react/prop-types
setSelectedEmoji, setSelectedEmoji,
// eslint-disable-next-line react/prop-types
setSelectedColor, setSelectedColor,
// eslint-disable-next-line react/prop-types
setSelectedShape, setSelectedShape,
}) => { }: Props) => {
const [isOpen, setIsOpen] = useState(false) const [isOpen, setIsOpen] = useState(false)
const emojis = [ const emojis = [
@ -77,17 +79,17 @@ export const EmojiPicker = ({
setIsOpen(!isOpen) setIsOpen(!isOpen)
} }
const selectEmoji = (emoji) => { const selectEmoji = (emoji: string) => {
setSelectedEmoji(emoji) setSelectedEmoji(emoji)
setIsOpen(false) setIsOpen(false)
} }
const selectShape = (shape) => { const selectShape = (shape: string) => {
setSelectedShape(shape) setSelectedShape(shape)
setIsOpen(false) setIsOpen(false)
} }
const selectColor = (color) => { const selectColor = (color: string) => {
setSelectedColor(color) setSelectedColor(color)
setIsOpen(false) setIsOpen(false)
} }