delete

listify-client/src/app/lists/list-detail/list-detail.component.html

@@ -61,6 +61,23 @@
               <mat-icon aria-hidden="true">{{ showEditor() ? 'close' : 'edit' }}</mat-icon>
               {{ showEditor() ? 'Abbrechen' : 'Bearbeiten' }}
             </button>
+
+            @if (canDeleteList()) {
+              <button
+                mat-stroked-button
+                type="button"
+                color="warn"
+                [disabled]="deletingList()"
+                (click)="deleteList()"
+              >
+                @if (deletingList()) {
+                  <mat-progress-spinner mode="indeterminate" diameter="18" />
+                } @else {
+                  <mat-icon aria-hidden="true">delete</mat-icon>
+                }
+                Loeschen
+              </button>
+            }
           </div>
         }
       </mat-card-header>