Emoji favicons for the web
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: add custom emoji button

+19 -3
+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
··· 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,
+1 -1
source/components/emoji_selector/constants.ts
··· 18 18 } 19 19 }); 20 20 21 - emojiGroups["Custom Emojis"] = { 21 + emojiGroups['Custom Emojis'] = { 22 22 name: 'Custom Emojis', 23 23 emojis: [], 24 24 representativeEmoji: '*',