Hide Apply Suggestion Button for anonymous Users

app/assets/javascripts/vue_shared/components/markdown/suggestion_diff_header.vue

@@ -72,6 +72,9 @@ export default {
       }
       return __('Applying suggestions...');
     },
+    isLoggedIn() {
+      return Boolean(gon.current_user_id);
+    },
   },
   methods: {
     applySuggestion() {
@@ -141,6 +144,7 @@ export default {
       </gl-button>
       <span v-gl-tooltip.viewport="tooltipMessage" tabindex="0">
         <gl-button
+          v-if="isLoggedIn"
           class="btn-inverted js-apply-btn btn-grouped"
           :disabled="isDisableButton"
           variant="success"

changelogs/unreleased/224587-hide-apply-suggestion-button-for-certain-users.yml

+---
+title: Hide apply suggestion button for anonymous users
+merge_request: 47071
+author:
+type: changed

spec/frontend/vue_shared/components/markdown/suggestion_diff_header_spec.js

@@ -29,6 +29,10 @@ describe('Suggestion Diff component', () => {
     });
   };
 
+  beforeEach(() => {
+    window.gon.current_user_id = 1;
+  });
+
   afterEach(() => {
     wrapper.destroy();
   });
@@ -71,6 +75,14 @@ describe('Suggestion Diff component', () => {
     expect(addToBatchBtn.html().includes('Add suggestion to batch')).toBe(true);
   });
 
+  it('does not render apply suggestion button with anonymous user', () => {
+    window.gon.current_user_id = null;
+
+    createComponent();
+
+    expect(findApplyButton().exists()).toBe(false);
+  });
+
   describe('when apply suggestion is clicked', () => {
     beforeEach(() => {
       createComponent();