Emoji favicons for the web
feat: add custom emoji button
+19
-3
+15
-1
source/components/emoji_selector/components/groups.tsx
+15
-1
source/components/emoji_selector/components/groups.tsx
···
37
37
})
38
38
.map((emojiGroup: EmojiGroup) => (
39
39
<div className='emoji-group'>
40
-
<p className="emoji-group-title">{emojiGroup.name}</p>
40
+
<p className='emoji-group-title'>{emojiGroup.name}</p>
41
41
{emojiGroup.emojis.map((emoji) => (
42
42
<button
43
43
className='emoji-group-button'
···
57
57
<Fragment>
58
58
{shouldNotShowGroups ? '' : emojiGroupComponents}
59
59
{!emojiGroupComponents.length ? 'No Matches' : ''}
60
+
{groupFilter === '' || groupFilter === 'Custom Emojis'
61
+
? (
62
+
<button
63
+
type='button'
64
+
onClick={() => {
65
+
const name = prompt('Emoji Name?');
66
+
const url = prompt('Image URL?');
67
+
console.log(name, url);
68
+
}}
69
+
>
70
+
Add Custom Emoji
71
+
</button>
72
+
)
73
+
: ''}
60
74
</Fragment>
61
75
);
62
76
}
+3
-1
source/components/emoji_selector/components/popup.tsx
+3
-1
source/components/emoji_selector/components/popup.tsx
···
29
29
const isSelected = emojiGroup.name === groupFilter;
30
30
return (
31
31
<div
32
-
className={`emoji-group-selector-button ${isSelected ? 'selected' : ''}`}
32
+
className={`emoji-group-selector-button ${
33
+
isSelected ? 'selected' : ''
34
+
}`}
33
35
onClick={() =>
34
36
setGroupFilter(
35
37
emojiGroup.name === groupFilter ? '' : emojiGroup.name,