Cannot sendAction to route from component in ember

I am trying to send an action up through two components to my route where I will fire a createRecord action. I have been console.logging up through the chain but I never seem to make it to the route. Here is the code for my route:

import Ember from 'ember';

export default Ember.Route.extend({
  store: this.get('store'),
  actions: {
    createEvent (concert) {
      debugger;
      console.log(concert, 'events route');
      console.log(this.get('store'));
      let events = this.get('store').createRecord(concert);
      return events.save();
    }
  }
});

and my route template:

The subsequent components/component-templates, in sequential order are:

display-search-results temp:

display-search-results component:

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['col-md-3'],
  actions: {
    createEvent(concert) {
      console.log(concert, "display-search-results comp");
      this.sendAction('createEvent', concert);
    }
  }
});

thumbnail-for-search-results temp:

<img class='event-pic' src= onError="this.src='http://ift.tt/1VJ9zkX';">
      <div class="caption">
        <h3 class="thumb-title"></h3>
        <p class="event-description">
            <br>  <br> <br> <br>
            <br>
        </p>
        <p><a class="btn btn-primary" role="button">>Add Event</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
     </div>

thumbnail-for-search-results component:

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['thumbnail'],
  // concert: this.get('store').find('eventful-event'),
  actions: {
    createEvent() {
      console.log(this.get('event'), "thumb comp")
      this.sendAction('createEvent', this.get('event'));
    }
  }
});