<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>