pending-owner-invite-row.js

import { service } from '@ember/service';
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';

import { task } from 'ember-concurrency';

export default class PendingOwnerInviteRow extends Component {
  @service notifications;

  @tracked isAccepted = false;
  @tracked isDeclined = false;

  acceptInvitationTask = task(async () => {
    this.args.invite.set('accepted', true);

    try {
      await this.args.invite.save();
      this.isAccepted = true;
    } catch (error) {
      let detail = error.errors?.[0]?.detail;
      if (detail && !detail.startsWith('{')) {
        this.notifications.error(`Error in accepting invite: ${detail}`);
      } else {
        this.notifications.error('Error in accepting invite');
      }
    }
  });

  declineInvitationTask = task(async () => {
    this.args.invite.set('accepted', false);

    try {
      await this.args.invite.save();
      this.isDeclined = true;
    } catch (error) {
      let detail = error.errors?.[0]?.detail;
      if (detail && !detail.startsWith('{')) {
        this.notifications.error(`Error in declining invite: ${detail}`);
      } else {
        this.notifications.error('Error in declining invite');
      }
    }
  });
}