Fix show more button by changing it into component

app/components/show-more-button.coffee

@@ -1,21 +1,19 @@
 `import Ember from 'ember'`
 
-View = Ember.View.extend
+ShowMoreButtonComponent = Ember.Component.extend
   tagName: 'button'
   classNames: ['button button--grey button--showmore']
   classNameBindings: ['isLoading', 'showMore']
   showMore: true
   attributeBindings: ['disabled']
-  isLoadingBinding: 'controller.isLoading'
-  templateName: 'show-more-button'
 
   disabledBinding: 'isLoading'
 
-  label: (->
+  buttonLabel: (->
     if @get('isLoading') then 'Loading' else 'Show more'
   ).property('isLoading')
 
   click: ->
-    @get('controller').showMore()
+    this.attrs.showMore()
 
-`export default View`
+`export default ShowMoreButtonComponent`

app/controllers/builds.coffee

@@ -28,4 +28,8 @@ Controller = Ember.ArrayController.extend
 
     @store.find('build', options)
 
+  actions:
+    showMoreBuilds: ->
+      @showMore()
+
 `export default Controller`

app/templates/builds.hbs

@@ -7,7 +7,7 @@
   {{/each}}
   {{#if displayShowMoreButton}}
     <p>
-      {{view 'show-more-button'}}
+      {{show-more-button isLoading=isLoading showMore=(action 'showMoreBuilds')}}
       {{#if isLoading}}
         {{loading-indicator}}
       {{/if}}

app/templates/components/show-more-button.hbs

@@ -0,0 +1 @@
+<span class="icon icon--eye"></span>{{buttonLabel}}

app/templates/show-more-button.hbs

@@ -1 +0,0 @@
-<span class="icon icon--eye"></span>{{view.label}}