src/app/modules/boost/campaigns/campaigns.service.ts

@@ -249,4 +249,8 @@ export class CampaignsService {
       },
     ];
   }
+
+  async rate(): Promise<number> {
+    return ((await this.client.get(`api/v2/boost/campaigns/rate`)) as any).rate;
+  }
 }

src/app/modules/boost/campaigns/campaigns.type.ts

@@ -49,5 +49,8 @@ export type CampaignPayment = {
 };
 
 export type CampaignPreview = {
-  cannot_fulfill_daily?: boolean;
+  canBeDelivered: boolean;
+  durationDays: number;
+  globalViewsPerDay: number;
+  viewsPerDayRequested: number;
 };

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

@@ -109,7 +109,7 @@
       ></m-boost-campaigns-creator--content-selector>
     </div>
 
-    <div class="m-form--field">
+    <!--<div class="m-form--field">
       <label class="m-form--field-label">
         <span i18n>Targeting</span>
         <m-tooltip icon="help" i18n>TBD</m-tooltip>
@@ -138,7 +138,7 @@
           <i class="material-icons">check</i>
         </m-hashtags-selector>
       </div>
-    </div>
+    </div>-->
 
     <div class="m-form--fieldset">
       <div class="m-form--field">

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

@@ -35,7 +35,12 @@ export class BoostCampaignsCreatorComponent implements OnInit, OnDestroy {
 
   currentError: string = '';
 
-  preview: CampaignPreview = {};
+  preview: CampaignPreview = {
+    canBeDelivered: true,
+    durationDays: 0,
+    globalViewsPerDay: 0,
+    viewsPerDayRequested: 0,
+  };
 
   protected route$: Subscription;
 
@@ -68,7 +73,7 @@ export class BoostCampaignsCreatorComponent implements OnInit, OnDestroy {
     this.preview$ = this.previewSubject
       .pipe(debounceTime(600))
       .subscribe(async (campaign: Campaign) => {
-        this.preview = (await this.service.preview(campaign)) || {};
+        this.preview = (await this.service.preview(campaign)) || this.preview;
         this.detectChanges();
       });
   }

src/app/modules/boost/campaigns/view/view.component.scss

@@ -24,4 +24,8 @@
       color: themed($m-grey-400);
     }
   }
+
+  .m-boost-campaigns-creator--content-selector {
+    max-width: 860px;
+  }
 }