status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update EmojiPickerDialog.tsx

This commit is contained in:
Hristo Nedelkov 2023-08-22 14:05:12 +03:00
parent 2600a2cefb
commit 415afe9e7f
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/General/EmojiPickerDialog.tsx
View File

@ -2,25 +2,23 @@ import EmojiPicker, {
EmojiStyle, EmojiStyle,
Theme, Theme,
EmojiClickData, EmojiClickData,
Emoji,
SuggestionMode, SuggestionMode,
Categories, Categories,
} from 'emoji-picker-react' } from 'emoji-picker-react'
import { useState } from 'react' import { useState } from 'react'
import { Stack, XStack } from 'tamagui' import { Stack } from 'tamagui'
type EmojiStyleType = 'FACEBOOK' | 'APPLE' | 'GOOGLE' | 'TWITTER' | 'NATIVE' type EmojiStyleType = 'FACEBOOK' | 'APPLE' | 'GOOGLE' | 'TWITTER' | 'NATIVE'
function EmojiPickerDialog({ emojiStyle }: { emojiStyle: EmojiStyleType }) { function EmojiPickerDialog({ emojiStyle }: { emojiStyle: EmojiStyleType }) {
const [selectedEmoji, setSelectedEmoji] = useState<string>('') const [selectedEmoji, setSelectedEmoji] = useState<string>('')
//we can set
function onClick(emojiData: EmojiClickData) { function onClick(emojiData: EmojiClickData) {
setSelectedEmoji(emojiData.unified) setSelectedEmoji(emojiData.unified)
} }
return ( return (
<Stack position="absolute" zIndex={1} left={120}> <Stack position="absolute" zIndex={1} left={120}>
{/* <XStack> {/* <XStack>
Your selected Emoji is: Your selected Emoji is:
{selectedEmoji ? ( {selectedEmoji ? (