angular.module('timesheet')
  .directive('weekEntry', function () {

    function onUpdate(newData) {
      if (!newData[0] || !newData[1]) {
        return;
      }

      var component = WeekEntryComponent({
        rows: newData[1].companies,
        clients: newData[0],
        saveMethod: scope.saveTimesheet
      });

      React.renderComponent(component, element.find('#weekEntry')[0]);
    }

    return {
      restrict: 'A',
      link: function (scope, element) {
        scope.$watchCollection('[clients, model]', onUpdate);
      }
    };
  });