<campaign-navigation
  [selectedCampaignId]="selectedCampaign._id"
  (campaignSelect)="switchCampaign($event)"
  (campaignEdit)="editCampaign($event)"
  (campaignDelete)="deleteCampaign($event)">
</campaign-navigation>

<div class="side-bar"
     [ngClass]="{collapsed: collapsed}"
     [style.display]="selectedCampaign._id === 'all' ? 'none' : 'block'">
  <war-list
    [collapsed]="collapsed"
    [campaign]="selectedCampaign">
  </war-list>
  <div class="button-container" *ngIf="collapseBtnVisible">
    <button mat-icon-button
            class="sidebar-toggle-btn"
            (click)="toggleCollapse()">
      <mat-icon svgIcon="chevron-left" *ngIf="!collapsed">
      </mat-icon>
      <mat-icon svgIcon="chevron-right" *ngIf="collapsed">
      </mat-icon>
    </button>
  </div>
</div>

<router-outlet></router-outlet>