Delete StageButton component

app/assets/javascripts/cycle_analytics/components/stage_button.js.es6

-((global) => {
-
-  global.cycleAnalytics = global.cycleAnalytics || {};
-
-  global.cycleAnalytics.StageButton = Vue.extend({
-    props: {
-      stage: Object,
-      onStageClick: Function
-    },
-    computed: {
-      classObject() {
-        return {
-          'active': this.stage.active
-        }
-      }
-    },
-    methods: {
-      onClick(stage) {
-        this.onStageClick(stage);
-      }
-    }
-  });
-
-
-})(window.gl || (window.gl = {}));
-

app/assets/javascripts/cycle_analytics/cycle_analytics_bundle.js

@@ -29,7 +29,6 @@ $(() => {
       },
     },
     components: {
-      'stage-button': gl.cycleAnalytics.StageButton,
       'stage-issue-component': gl.cycleAnalytics.StageIssueComponent,
       'stage-plan-component': gl.cycleAnalytics.StagePlanComponent,
       'stage-code-component': gl.cycleAnalytics.StageCodeComponent,

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

@@ -69,11 +69,7 @@
       .stage-panel-body
         %nav.stage-nav
           %ul
-            %stage-button{ "inline-template" => true,
-              "v-for" => "stage in state.stages",
-              ":stage" => "stage",
-              ":on-stage-click" => "selectStage" }
-              %li.stage-nav-item{ ":class" => "classObject", "@click" => "onClick(stage)" }
+            %li.stage-nav-item{ ':class' => '{active: stage.active}', '@click' => 'selectStage(stage)', "v-for" => "stage in state.stages" }
               .stage-name
                 {{ stage.title }}
               .stage-median