Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Replace picmo with emoji-mart #12243

Merged
merged 16 commits into from
Jan 10, 2024
Merged

Replace picmo with emoji-mart #12243

merged 16 commits into from
Jan 10, 2024

Conversation

alecslupu
Copy link
Contributor

@alecslupu alecslupu commented Jan 1, 2024

🎩 What? Why?

This PR replaces Picmo with Emoji-mart.

As of September 14, 2023, Picmo is no longer being maintained as stated on the official site: https://picmojs.com/

Caveats:
At the opening time, the Light template of emoji-mart is too light, impacting the Look and feel. I have tried to override the styles, to match the the Look and feel provided by picmo, but i have not been successful.

📌 Related Issues

Link your PR to an issue

Testing

  1. Visit a proposal page
  2. Go to comments section
  3. Click add emoji button
  4. Start inserting emojis

📷 Screenshots

Please add screenshots of the changes you are proposing

Picmo:
image

Emoji-Mart:
image

♥️ Thank you!

@alecslupu alecslupu added the type: change PRs that implement a change for an existing feature label Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 1, 2024
@alecslupu alecslupu marked this pull request as ready for review January 2, 2024 12:01
@alecslupu alecslupu assigned alecslupu and andreslucena and unassigned alecslupu Jan 2, 2024
@alecslupu alecslupu added dependencies Pull requests that update a dependency file or issues that talk about updating dependencies javascript Pull requests that update Javascript code labels Jan 2, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 4, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 8, 2024
@andreslucena andreslucena changed the title Replace picmo with EmojiMart Replace picmo with emoji-mart Jan 8, 2024
Copy link
Member

@andreslucena andreslucena left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really clean! I only have a couple changes to propose but are really small. I'd also open a gitpod for @carolromero so she can check it out just in case I'm missing something

decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
decidim-core/app/packs/stylesheets/decidim/_emoji.scss Outdated Show resolved Hide resolved
decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
decidim-core/app/packs/stylesheets/decidim/_emoji.scss Outdated Show resolved Hide resolved
decidim-core/spec/system/editor_spec.rb Outdated Show resolved Hide resolved
decidim-core/spec/system/editor_spec.rb Outdated Show resolved Hide resolved
decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
@carolromero
Copy link
Member

carolromero commented Jan 8, 2024

I see it like this from my mobile phone:
image

And I have to press it 2 or 3 times to show me the selector.. Do you guys see it fine from yours?

Co-authored-by: Andrés Pereira de Lucena <andreslucena@users.noreply.github.com>
github-actions[bot]
github-actions bot previously approved these changes Jan 8, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 8, 2024
github-actions[bot]
github-actions bot previously approved these changes Jan 8, 2024
@andreslucena
Copy link
Member

@alecslupu let me know when this is ready for another round

@alecslupu
Copy link
Contributor Author

@alecslupu let me know when this is ready for another round

@andreslucena , this is ready for another round.
Please note there is a Spec failing in admin, that is unrelated to the change in scope.

@andreslucena
Copy link
Member

FYI seems like the responsive is fixed 🥳
Screenshot of the picker on a small viewport

Copy link
Member

@andreslucena andreslucena left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A couple of details and we're good to go

decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
decidim-core/app/packs/src/decidim/input_emoji.js Outdated Show resolved Hide resolved
Co-authored-by: Andrés Pereira de Lucena <andreslucena@users.noreply.github.com>
Copy link
Member

@andreslucena andreslucena left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Double thumbs up by "Shaun the sheep"

@andreslucena
Copy link
Member

Only failing spec is the flaky from spec/system/admin_manages_organization_spec.rb, so I'm merging this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file or issues that talk about updating dependencies javascript Pull requests that update Javascript code type: change PRs that implement a change for an existing feature
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

Replace Picmo
3 participants