(chore): Disallow cancelling if not created or approved

src/app/modules/boost/campaigns/creator/creator.component.html

@@ -7,7 +7,7 @@
  <div class="m-page--section-button-bar">
  <h1>
  <ng-container *ngIf="!isEditing; else titleIsEditing" i18n>New Campaign</ng-container>
- <ng-template #titleIsEditing>Edit Campaign</ng-template>
+ <ng-template #titleIsEditing i18n>Edit Campaign</ng-template>
  </h1>
 
  <div class="m-page--section-button-bar--buttons">
@@ -185,7 +185,7 @@
  <div class="m-form--error" *ngIf="currentError && !inProgress">{{currentError}}</div>
  </div>
 
- <div class="m-form--field" *ngIf="isEditing">
+ <div class="m-form--field" *ngIf="canCancel()">
  <button
  type="button"
  (click)="cancel($event);"

src/app/modules/boost/campaigns/creator/creator.component.ts

 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from "@angular/core";
 import { ActivatedRoute, Router } from '@angular/router';
-import { Campaign, CampaignPayment } from "../campaigns.type";
+import { Campaign, CampaignDeliveryStatus, CampaignPayment } from "../campaigns.type";
 import { CampaignsService } from '../campaigns.service';
 import { Subscription } from 'rxjs';
 import { Tag } from '../../../hashtags/types/tag';
@@ -148,6 +148,10 @@ export class BoostCampaignsCreatorComponent implements OnInit, OnDestroy {
  }
  }
 
+ canCancel() {
+ return this.isEditing && (['created', 'approved'] as CampaignDeliveryStatus[]).indexOf(this.campaign.delivery_status) > -1;
+ }
+
  get types() {
  return this.service.getTypes();
  }