Components/create-edit-modal: make first image mandatory

src/components/create-edit-modal/create-edit-modal.component.html

@@ -40,8 +40,11 @@
                 <input formControlName="{{$index}}" type="text" class="form-control" placeholder="">
                 <label class="form-label">Image {{ $index + 1 }} URL</label>
               </div>
-              <button type="button" class="btn btn-outline-danger" (click)="removeImageControl($index)"><i
-                class="bi bi-x-lg"></i></button>
+              @if (!$first) {
+                <button type="button" class="btn btn-outline-danger" (click)="removeImageControl($index)">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              }
             </div>
           </li>
         }

src/components/create-edit-modal/create-edit-modal.component.ts

@@ -44,6 +44,8 @@ export class CreateEditModalComponent {
       description: new FormControl(this.show?.description, Validators.required),
       images: new FormArray([])
     })
+
+    this.addImageControl()
   }
 
   get images(): FormArray {