| // Emoji Picker | // Emoji Picker | ||||
| const [showEmojiPicker, setShowEmojiPicker] = useState(false) | const [showEmojiPicker, setShowEmojiPicker] = useState(false) | ||||
| const [emoji, setEmoji] = useState({ icon: '🍌', icon_background: '#FFEAD5' }) | |||||
| const [emoji, setEmoji] = useState({ icon: '🤖️', icon_background: '#FFEAD5' }) | |||||
| const mutateApps = useContextSelector(AppsContext, state => state.mutateApps) | const mutateApps = useContextSelector(AppsContext, state => state.mutateApps) | ||||
| setShowEmojiPicker(false) | setShowEmojiPicker(false) | ||||
| }} | }} | ||||
| onClose={() => { | onClose={() => { | ||||
| setEmoji({ icon: '🍌', icon_background: '#FFEAD5' }) | |||||
| setEmoji({ icon: '🤖️', icon_background: '#FFEAD5' }) | |||||
| setShowEmojiPicker(false) | setShowEmojiPicker(false) | ||||
| }} | }} | ||||
| />} | />} |
| }} | }} | ||||
| onClick={onClick} | onClick={onClick} | ||||
| > | > | ||||
| {innerIcon ? innerIcon : icon && icon !== '' ? <em-emoji id={icon} /> : <em-emoji id={'banana'} />} | |||||
| {innerIcon ? innerIcon : icon && icon !== '' ? <em-emoji id={icon} /> : <em-emoji id={'robot'} />} | |||||
| </span> | </span> | ||||
| ) | ) | ||||
| } | } |
| const [name, setName] = React.useState('') | const [name, setName] = React.useState('') | ||||
| const [showEmojiPicker, setShowEmojiPicker] = useState(false) | const [showEmojiPicker, setShowEmojiPicker] = useState(false) | ||||
| const [emoji, setEmoji] = useState({ icon: '🍌', icon_background: '#FFEAD5' }) | |||||
| const [emoji, setEmoji] = useState({ icon: '🤖️', icon_background: '#FFEAD5' }) | |||||
| const submit = () => { | const submit = () => { | ||||
| if(!name.trim()) { | if(!name.trim()) { | ||||
| setShowEmojiPicker(false) | setShowEmojiPicker(false) | ||||
| }} | }} | ||||
| onClose={() => { | onClose={() => { | ||||
| setEmoji({ icon: '🍌', icon_background: '#FFEAD5' }) | |||||
| setEmoji({ icon: '🤖️', icon_background: '#FFEAD5' }) | |||||
| setShowEmojiPicker(false) | setShowEmojiPicker(false) | ||||
| }} | }} | ||||
| />} | />} |