Fix new site form not submitting with project_ids

Following a change to the baw-server which required an array of
project_ids to be sent while site creation, the new site form started
throwing errors which stopped users from creating new sites.

This commit now sends project_ids when creating a new site, fixing the
bug which stopped users from creating new sites.

Fixes: #2143

src/app/components/sites/pages/new/new.component.spec.ts

@@ -132,6 +132,27 @@ describe("SiteNewComponent", () => {
           );
         });
 
+        it("should contain the region and project id in the api calls site model", () => {
+          setup(defaultProject, defaultRegion);
+          api.create.and.callFake(() => new Subject());
+          const site = new Site(
+            generateSite(withRegion ? { regionId: defaultRegion.id } : {})
+          );
+
+          spec.component.submit({ ...site });
+
+          const expectedSiteModel = new Site({
+            ...site,
+            projectIds: [defaultProject.id],
+            regionId: withRegion ? defaultRegion.id : undefined,
+          });
+
+          expect(api.create).toHaveBeenCalledWith(
+            expectedSiteModel,
+            defaultProject
+          );
+        });
+
         it("should redirect to site", () => {
           setup(defaultProject, defaultRegion);
           const site = new Site(

src/app/components/sites/pages/new/new.component.ts

@@ -17,6 +17,7 @@ import { Region } from "@models/Region";
 import { Site } from "@models/Site";
 import { List } from "immutable";
 import { ToastrService } from "ngx-toastr";
+import { isInstantiated } from "@helpers/isInstantiated/isInstantiated";
 import pointSchema from "../../point.base.json";
 import siteSchema from "../../site.base.json";
 
@@ -40,7 +41,18 @@ class SiteNewComponent extends FormTemplate<Site> implements OnInit {
       successMsg: (model) => defaultSuccessMsg("created", model.name),
       redirectUser: (model) =>
         this.router.navigateByUrl(model.getViewUrl(this.project)),
-      getModel: () => (this.region ? { regionId: this.region.id } : {}),
+      getModel: () => {
+        const projectIds = new Set([this.project.id]);
+
+        if (this.region) {
+          return {
+            regionId: this.region.id,
+            projectIds,
+          };
+        }
+
+        return { projectIds };
+      },
     });
   }