Fix/ang-905 - Component creation (#580)

* fix(ang-905): fixed create component affiliations issue * fix(ang-905): fixed component creation institutions absence

Author: rnastyuk

src/app/features/project/overview/components/add-component-dialog/add-component-dialog.component.ts

@@ -157,6 +157,9 @@ export class AddComponentDialogComponent implements OnInit {
  .filter((inst) => inst !== undefined);
 
  this.selectedInstitutions.set(matchedInstitutions);
+
+ const institutionIds = matchedInstitutions.map((inst) => inst.id);
+ this.componentForm.get(ComponentFormControls.Affiliations)?.setValue(institutionIds);
  }
  });
  }

src/app/features/project/overview/services/project-overview.service.ts

@@ -1,5 +1,5 @@
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
+import { Observable, of } from 'rxjs';
+import { map, switchMap } from 'rxjs/operators';
 
 import { inject, Injectable } from '@angular/core';
 
@@ -122,11 +122,29 @@ export class ProjectOverviewService {
  params['region'] = region;
  }
 
- if (affiliatedInstitutions.length) {
- params['affiliated_institutions'] = affiliatedInstitutions;
- }
-
- return this.jsonApiService.post<void>(`${this.apiUrl}/nodes/${projectId}/children/`, payload, params);
+ return this.jsonApiService
+ .post<JsonApiResponse<BaseNodeDataJsonApi, null>>(`${this.apiUrl}/nodes/${projectId}/children/`, payload, params)
+ .pipe(
+ switchMap((response) => {
+ const componentId = response.data.id;
+
+ if (affiliatedInstitutions.length) {
+ const affiliationsPayload = {
+ data: affiliatedInstitutions.map((id) => ({
+ type: 'institutions',
+ id,
+ })),
+ };
+
+ return this.jsonApiService.patch<void>(
+ `${this.apiUrl}/nodes/${componentId}/relationships/institutions/`,
+ affiliationsPayload
+ );
+ }
+
+ return of(undefined);
+ })
+ );
  }
 
  deleteComponent(componentId: string): Observable<void> {

src/app/features/registry/registry.component.ts

@@ -66,7 +66,6 @@ export class RegistryComponent implements OnDestroy {
  });
 
  this.dataciteService.logIdentifiableView(this.registry$).pipe(takeUntilDestroyed(this.destroyRef)).subscribe();
-
  }
 
  ngOnDestroy(): void {