Add design_management_todo_button feature flag

app/assets/javascripts/design_management/components/design_sidebar.vue

@@ -99,7 +99,11 @@ export default {
     updateDiscussionWithOpenForm(id) {
       this.discussionWithOpenForm = id;
     },
+    toggleTodo() {
+      // TODO implement
+    },
   },
+  showTodoButton: gon.features?.designManagementTodoButton,
   resolveCommentsToggleText: s__('DesignManagement|Resolved Comments'),
   cookieKey: 'hide_design_resolved_comments_popover',
 };
@@ -108,10 +112,16 @@ export default {
 <template>
   <div class="image-notes" @click="handleSidebarClick">
     <div
+      v-if="$options.showTodoButton"
       class="gl-display-flex gl-justify-content-space-between gl-border-b-1 gl-border-b-gray-100"
     >
       <span>{{ __('To-Do') }}</span>
-      <todo-button issuable-type="design" :issuable-id="design.iid" :is-todo="hasPendingTodo" />
+      <todo-button
+        issuable-type="design"
+        :issuable-id="design.iid"
+        :is-todo="hasPendingTodo"
+        @click="toggleTodo"
+      />
     </div>
     <h2 class="gl-font-weight-bold gl-mt-0">
       {{ issue.title }}

app/controllers/projects/issues_controller.rb

@@ -49,6 +49,7 @@ class Projects::IssuesController < Projects::ApplicationController
     push_frontend_feature_flag(:vue_issuable_sidebar, project.group)
     push_frontend_feature_flag(:tribute_autocomplete, @project)
     push_frontend_feature_flag(:vue_issuables_list, project)
+    push_frontend_feature_flag(:design_management_todo_button, project)
   end
 
   before_action only: :show do