fix: cant save new top level space

Author: joonatank

apps/admin-ui/src/spa/unit/space/ParentSelector.tsx

@@ -108,7 +108,6 @@ export function ParentSelector({
         error: errorText,
         assistive: helperText,
       }}
-      required
       disabled={options.length === 0}
       clearable={false}
       options={hdsOptions}

apps/admin-ui/src/spa/unit/space/SpaceEditor.tsx

@@ -42,11 +42,10 @@ function SpaceEditor({ space, unit }: Props): JSX.Element {
 
   const { t } = useTranslation();
 
-  const [updateSpaceMutation, { loading: isMutationLoading }] =
-    useUpdateSpaceMutation();
+  const [mutation, { loading: isMutationLoading }] = useUpdateSpaceMutation();
 
   const updateSpace = (input: SpaceUpdateMutationInput) =>
-    updateSpaceMutation({ variables: { input } });
+    mutation({ variables: { input } });
 
   const {
     data,
@@ -110,14 +109,15 @@ function SpaceEditor({ space, unit }: Props): JSX.Element {
 
   const onSubmit = async (values: SpaceUpdateForm) => {
     try {
-      const { surfaceArea, pk, ...rest } = values;
+      const { parent, surfaceArea, pk, ...rest } = values;
       if (pk == null || pk === 0) {
         errorToast({ text: t("SpaceEditor.saveFailed") });
         return;
       }
       await updateSpace({
         ...rest,
         pk,
+        parent: parent != null && parent > 0 ? parent : null,
         surfaceArea: Math.ceil(surfaceArea ?? 0),
       });
       successToast({

apps/admin-ui/src/spa/unit/space/new-space-modal/NewSpaceModal.tsx

@@ -46,10 +46,11 @@ export function NewSpaceModal({
     },
   });
 
-  async function createSpaces(values: SpaceUpdateForm) {
+  async function createSpaces({ parent, ...values }: SpaceUpdateForm) {
     try {
       await createSpace({
         ...values,
+        parent: parent != null && parent > 0 ? parent : null,
         name: values.nameFi,
       });
       closeModal();