From 6adf6cc520c0dadcd22a5923d4646e1628207efd Mon Sep 17 00:00:00 2001
From: romeonicholas <nicholas.romeo@code.berlin>
Date: Tue, 28 Nov 2023 17:20:35 +0100
Subject: [PATCH] fix: Migrate logic for button showing to Angular 17 blocks

---
 .../model-overview.component.html             | 70 +++++++++----------
 1 file changed, 34 insertions(+), 36 deletions(-)

diff --git a/frontend/src/app/projects/project-detail/model-overview/model-overview.component.html b/frontend/src/app/projects/project-detail/model-overview/model-overview.component.html
index 3529e84ce6..d73bbea3b7 100644
--- a/frontend/src/app/projects/project-detail/model-overview/model-overview.component.html
+++ b/frontend/src/app/projects/project-detail/model-overview/model-overview.component.html
@@ -6,42 +6,40 @@
 <div>
   <div class="flex items-center">
     <h2>Models</h2>
-    <a
-      mat-stroked-button
-      class="!ml-4"
-      [routerLink]="
-        project?.is_archived
-          ? null
-          : [
-              '/project',
-              (projectService.project$ | async)?.slug,
-              'models',
-              'create'
-            ]
-      "
-      *ngIf="projectUserService.verifyRole('manager')"
-      [matTooltip]="
-        project?.is_archived
-          ? 'You cannot add a model to an archived project'
-          : 'Add a new model'
-      "
-      [disabled]="project?.is_archived"
-    >
-      <mat-icon id="add-icon">add</mat-icon>
-    </a>
-    <button
-      *ngIf="
-        models !== undefined &&
-        models.length > 1 &&
-        projectUserService.verifyRole('manager')
-      "
-      mat-stroked-button
-      matTooltip="Reorder models"
-      class="!ml-4"
-      (click)="openReorderModelsDialog(models)"
-    >
-      <mat-icon>list</mat-icon>
-    </button>
+    @if (projectUserService.verifyRole("manager")) {
+      <a
+        mat-stroked-button
+        class="!ml-4"
+        [routerLink]="
+          project?.is_archived
+            ? null
+            : [
+                '/project',
+                (projectService.project$ | async)?.slug,
+                'models',
+                'create'
+              ]
+        "
+        [matTooltip]="
+          project?.is_archived
+            ? 'You cannot add a model to an archived project'
+            : 'Add a new model'
+        "
+        [disabled]="project?.is_archived"
+      >
+        <mat-icon id="add-icon">add</mat-icon>
+      </a>
+      @if (models !== undefined && models.length > 1) {
+        <button
+          mat-stroked-button
+          matTooltip="Reorder models"
+          class="!ml-4"
+          (click)="openReorderModelsDialog(models)"
+        >
+          <mat-icon>list</mat-icon>
+        </button>
+      }
+    }
   </div>
   <div class="flex flex-wrap">
     <div class="flex" *ngIf="(modelService.models$ | async) === undefined">