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

export default Component.extend({
    router: service(),
    config: service(),
    ghostPaths: service(),
    ajax: service(),
    billing: service(),

    subscription: null,

    showUpgradeButton: computed.equal('billing.subscription.status', 'trialing'),

    actions: {
        openBilling() {
            this.billing.openBillingWindow(this.router.currentURL, '/billing/plans');
        }
    }
});

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

export default Component.extend({
    router: service(),
    config: service(),
    ghostPaths: service(),
    ajax: service(),
    billing: service(),

    subscription: null,

    showUpgradeButton: computed.reads('billing.subscription.isActiveTrial'),

    actions: {
        openBilling() {
            this.billing.openBillingWindow(this.router.currentURL, '/billing/plans');
        }
    }
});

Use own isActiveTrial property for show upgrade CTA
Use own isActiveTrial property for show upgrade CTA

no issue

The subscription.status property was set for a Stripe response. Switch to a `isActiveTrial` custom property which we send from the BMA
