Dockyard Article possible bug in expense-summary/component.js

expense-summary.component.js

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    amountChanged() {
      const expense = this.get(this, 'expense');
      //this.sendAction('update', expense); <-- Typo? Should be 'ammountChanged' instead of 'update'
      
      // Everything works in the twiddle, but I think the names were changed in the article.
      // The first argument to sendAction should be the name of the action
      // which should match the name of the attribute
      // From the usage in the parent template, we know this attribute is about to the update function
      // so it's effectively going to call the expense-table's update(expense)
      this.sendAction('amountChanged', expense);
    }
  }
});

expense-summary.template.hbs

<tr>
  <td>{{expense.category}}</td>
  <td>{{input type="integer" value=expense.amount}}</td>
  <td><button {{action 'amountChanged'}}>Save</button></td>
</tr>

expense-table.template.hbs

<table class="expenses">
  <tbody>
    {{#each expense in expenses}}
        {{expense-summary expense=expense amountChanged="update"}}
    {{/each}}
  </tbody>
</table>