[Workshop creation] "Додати ще один розділ" button doesn't open new area #1368

src/app/shared/store/user.state.ts

@@ -361,7 +361,7 @@ export class UserState {
   onCreateProviderFail({ dispatch }: StateContext<UserStateModel>, { payload }: OnCreateProviderFail): void {
     throwError(payload);
     const message = payload.error === 'Unable to create a new provider: There is already a provider with such a data' ?
-    'Перевірте введені дані. Електрона пошта, номер телефону та ІПН/ЄДПРО мають бути уніклаьними' :
+    'Перевірте введені дані. Електрона пошта, номер телефону та ІПН/ЄДПРО мають бути унікальними' :
     'На жаль виникла помилка';
     dispatch(new ShowMessageBar({ message, type: 'error' }));
   }

src/app/shell/personal-cabinet/provider/create-provider/create-photo-form/create-photo-form.component.ts

@@ -33,17 +33,11 @@ export class CreatePhotoFormComponent implements OnInit {
   @Output() passPhotoFormGroup = new EventEmitter();
 
   PhotoFormGroup: FormGroup;
-  descriptionFormGroup: FormControl = new FormControl('', [
-    Validators.required, 
-    Validators.minLength(ValidationConstants.INPUT_LENGTH_3),
-    Validators.maxLength(ValidationConstants.MAX_DESCRIPTION_LENGTH_2000)
-  ]);
   SectionItemsFormArray = new FormArray([]);
 
   constructor(private formBuilder: FormBuilder, private store: Store ) {
     this.PhotoFormGroup = this.formBuilder.group({
       image: new FormControl(''),
-      description: this.descriptionFormGroup,
       providerSectionItems: this.SectionItemsFormArray,
       institutionStatusId: new FormControl(Constants.INSTITUTION_STATUS_ID_ABSENT_VALUE, Validators.required),
       institutionType: new FormControl('', Validators.required),
@@ -53,7 +47,7 @@ export class CreatePhotoFormComponent implements OnInit {
 
   ngOnInit(): void {
     this.store.dispatch([new GetInstitutionStatus(), new GetAllInstitutions()]);
-    this.provider && this.activateEditMode();
+    this.provider ? this.activateEditMode() : this.onAddForm();
     this.passPhotoFormGroup.emit(this.PhotoFormGroup);
   }
 
@@ -78,14 +72,17 @@ export class CreatePhotoFormComponent implements OnInit {
  */
   private newForm(item?: ProviderSectionItem): FormGroup {
     const EditFormGroup = this.formBuilder.group({
-      providerId: new FormControl(this.provider.id),
       sectionName: new FormControl('', [Validators.required]),
       description: new FormControl('', [
         Validators.required,
         Validators.minLength(ValidationConstants.INPUT_LENGTH_1),
         Validators.maxLength(ValidationConstants.MAX_DESCRIPTION_LENGTH_2000)
       ]),
     });
+
+    if (this.provider) {
+      EditFormGroup.addControl('providerId', this.formBuilder.control(this.provider.id))
+    }
 
     if (item){
       EditFormGroup.patchValue(item, { emitEvent: false });  
@@ -98,7 +95,9 @@ export class CreatePhotoFormComponent implements OnInit {
    * This method creates new FormGroup adds new FormGroup to the FormArray
    */
   onAddForm(): void {
-    (this.PhotoFormGroup.get('providerSectionItems') as FormArray).push(this.newForm());
+    if(this.PhotoFormGroup.get('providerSectionItems')) {
+      (this.PhotoFormGroup.get('providerSectionItems') as FormArray).push(this.newForm());
+    }
   }
 
   /**

src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.ts

@@ -52,7 +52,7 @@ export class CreateDescriptionFormComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.onDisabilityOptionCtrlInit();
-    this.workshop && this.activateEditMode();
+    this.workshop ? this.activateEditMode() : this.onAddForm();
     this.passDescriptionFormGroup.emit(this.DescriptionFormGroup);
   }
 
@@ -145,7 +145,6 @@ export class CreateDescriptionFormComponent implements OnInit, OnDestroy {
    */
   private newForm(item?: WorkshopSectionItem): FormGroup {
     const EditFormGroup = this.formBuilder.group({
-      workshopId: new FormControl(this.workshop.id),
       sectionName: new FormControl('', [Validators.required]),
       description: new FormControl('', [
         Validators.required,
@@ -154,6 +153,10 @@ export class CreateDescriptionFormComponent implements OnInit, OnDestroy {
       ]),
     });
 
+    if (this.workshop) {
+      EditFormGroup.addControl('workshopId', this.formBuilder.control(this.workshop.id))
+    }
+
     if (item) {
       EditFormGroup.patchValue(item, { emitEvent: false });
     }
@@ -165,9 +168,11 @@ export class CreateDescriptionFormComponent implements OnInit, OnDestroy {
    * This method creates new FormGroup adds new FormGroup to the FormArray
    */
   onAddForm(): void {
-    (this.DescriptionFormGroup.get('workshopDescriptionItems') as FormArray).push(
-      this.newForm()
-    );
+    if(this.DescriptionFormGroup.get('workshopDescriptionItems')) {
+      (this.DescriptionFormGroup.get('workshopDescriptionItems') as FormArray).push(
+        this.newForm()
+      );
+    }
   }
 
   /**