// @ts-check

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';

export default class ProfileNavbarItemComponent extends Component {
  @service token;
  @service router;
  @service store;

  profileOptions = [
    {
      label: 'Authorization',
      key: 'authorization',
      action: () => {
        this.router.transitionTo('settings.tokens');
      },
    },
    {
      label: 'Sign Out',
      key: 'sign-out',
      action: () => {
        this.token.setProperties({
          secret: undefined,
        });

        // Clear out all data to ensure only data the anonymous token is privileged to see is shown
        this.store.unloadAll();
        this.token.reset();
        this.router.transitionTo('jobs.index');
      },
    },
  ];

  profileSelection = this.profileOptions[0];
}