Merge branch 'ph/newEmojiPickerProjectSnippets' into 'master'

Added new emoji picker to project snippets

See merge request gitlab-org/gitlab!59783

app/assets/javascripts/pages/projects/snippets/show/index.js

 import '~/snippet/snippet_show';
+
+const awardEmojiEl = document.getElementById('js-vue-awards-block');
+
+if (awardEmojiEl) {
+  import('~/emoji/awards_app')
+    .then((m) => m.default(awardEmojiEl))
+    .catch(() => {});
+}

app/controllers/projects/snippets_controller.rb

@@ -13,6 +13,10 @@ class Projects::SnippetsController < Projects::Snippets::ApplicationController
   before_action :authorize_read_snippet!, except: [:new, :index]
   before_action :authorize_update_snippet!, only: :edit
 
+  before_action only: [:show] do
+    push_frontend_feature_flag(:improved_emoji_picker, @project, default_enabled: :yaml)
+  end
+
   def index
     @snippet_counts = ::Snippets::CountService
       .new(current_user, project: @project)

app/helpers/snippets_helper.rb

@@ -72,4 +72,10 @@ module SnippetsHelper
       concat(file_count)
     end
   end
+
+  def project_snippets_award_api_path(snippet)
+    if Feature.enabled?(:improved_emoji_picker, snippet.project, default_enabled: :yaml)
+      api_v4_projects_snippets_award_emoji_path(id: snippet.project.id, snippet_id: snippet.id)
+    end
+  end
 end

app/views/projects/snippets/show.html.haml

@@ -6,6 +6,6 @@
 #js-snippet-view{ data: {'qa-selector': 'snippet_view', 'snippet-gid': @snippet.to_global_id} }
 
 .row-content-block.top-block.content-component-block
-  = render 'award_emoji/awards_block', awardable: @snippet, inline: true
+  = render 'award_emoji/awards_block', awardable: @snippet, inline: true, api_awards_path: project_snippets_award_api_path(@snippet)
 
 #notes.limited-width-notes= render "shared/notes/notes_with_form", :autocomplete => true