From 455e2869a5430d24d461ad0b76579f455bcb7a68 Mon Sep 17 00:00:00 2001
From: Toast <toast003@tutamail.com>
Date: Thu, 6 Feb 2025 19:01:54 +0100
Subject: [PATCH] Components/create-edit-modal: make first image mandatory

---
 .../create-edit-modal/create-edit-modal.component.html     | 7 +++++--
 .../create-edit-modal/create-edit-modal.component.ts       | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/create-edit-modal/create-edit-modal.component.html b/src/components/create-edit-modal/create-edit-modal.component.html
index 2f6eb15..0ccba84 100644
--- a/src/components/create-edit-modal/create-edit-modal.component.html
+++ b/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>
         }
diff --git a/src/components/create-edit-modal/create-edit-modal.component.ts b/src/components/create-edit-modal/create-edit-modal.component.ts
index b00c501..91864f8 100644
--- a/src/components/create-edit-modal/create-edit-modal.component.ts
+++ b/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 {