refactor: refactor if statements to switch-case for better readability and performance

This commit is contained in:
Chneemann 2025-04-11 10:36:53 +02:00
parent 64418d6549
commit dfe2b14206

View file

@ -4,35 +4,35 @@
[class.closing]="isClosingAnimation" [class.closing]="isClosingAnimation"
> >
<div class="overlay-content"> <div class="overlay-content">
@if (overlayType === "taskOverlay") { @switch (overlayType) { @case ('taskOverlay') {
<app-task-overlay <app-task-overlay
[overlayData]="overlayData" [overlayData]="overlayData"
(closeDialogEmitter)="onCloseOverlay()" (closeDialogEmitter)="onCloseOverlay()"
></app-task-overlay> ></app-task-overlay>
} @if (overlayType === "taskOverlayEdit") { } @case ('taskOverlayEdit') {
<app-task-edit-overlay <app-task-edit-overlay
[overlayData]="overlayData" [overlayData]="overlayData"
[overlayType]="overlayType" [overlayType]="overlayType"
(closeDialogEmitter)="onCloseOverlay()" (closeDialogEmitter)="onCloseOverlay()"
></app-task-edit-overlay> ></app-task-edit-overlay>
} @if (overlayType === "newTaskOverlay") { } @case ('newTaskOverlay') {
<app-task-edit-overlay <app-task-edit-overlay
[overlayData]="overlayData" [overlayData]="overlayData"
[overlayType]="overlayType" [overlayType]="overlayType"
(closeDialogEmitter)="onCloseOverlay()" (closeDialogEmitter)="onCloseOverlay()"
></app-task-edit-overlay> ></app-task-edit-overlay>
} @if (overlayType === "dialogOverlay") { } @case ('dialogOverlay') {
<app-dialog-overlay <app-dialog-overlay
[overlayData]="overlayData" [overlayData]="overlayData"
[overlayType]="overlayType" [overlayType]="overlayType"
(closeDialogEmitter)="onCloseOverlay()" (closeDialogEmitter)="onCloseOverlay()"
></app-dialog-overlay> ></app-dialog-overlay>
} @if (overlayType === "contactOverlay") { } @case ('contactOverlay') {
<app-contact-overlay <app-contact-overlay
[overlayData]="overlayData" [overlayData]="overlayData"
[overlayType]="overlayType" [overlayType]="overlayType"
(closeDialogEmitter)="onCloseOverlay()" (closeDialogEmitter)="onCloseOverlay()"
></app-contact-overlay> ></app-contact-overlay>
} } @default { } }
</div> </div>
</div> </div>