Replace unsupported Picmo emoji picker with something else

[gabek]

Share your bug report, feature request, or comment.

Unfortunately, our emoji picker, Picmo, is no longer supported. While Picmo isn't going to stop working out of nowhere immediately, it may stop working due to changes in React or some other dependency at some point down the road. I'd rather us remove this library on our schedule instead of somebody else's schedule.

See EmojiPicker.tsx for our implementation of the emoji picker.

I don't have a preference on what we replace it with, but if anybody has recommendations, feel free to suggest them here!

[dev265545]

You can look at Emoji-mart -> https://github.com/missive/emoji-mart

GitHub

GitHub - missive/emoji-mart: 🏪 One component to pick them all

🏪 One component to pick them all. Contribute to missive/emoji-mart development by creating an account on GitHub.

[DarkFalc0n]

Is this issue being addressed currently? I was going through emoji mart earlier, and I think I can handle this migration.

[gabek]

@DarkFalc0n It's not yet! I truly appreciate you offering to look into it! I'm not sure how emoji mart handles custom emoji, but feel free to throw out any thoughts if you run into anything there. Thank you so much!

[DarkFalc0n]

Hey @gabek sorry for the late update,
I tried emojimart on a test project and it works well. Also the way to add custom emojis is pretty straightforward,
the <Picker /> element can take a custom prop, which is declared as follows:

const custom = [
  {
    id: "github",
    name: "GitHub",
    emojis: [
      {
        id: "octocat",
        name: "Octocat",
        keywords: ["github"],
        skins: [
          {
            src: "https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png",
          },
        ],
      },
    ],
  },
];