subcommunity: updated error mapping in the ui

invenio_communities/assets/semantic-ui/js/invenio_communities/subcommunity/new.js

@@ -35,22 +35,22 @@
         "This is your community's unique identifier. You will be able to access your community through the URL:"
       )}
       <br />
-      {`${formConfig.SITE_UI_URL}/communities/${values["community"]["slug"]}`}
+      {`${formConfig.SITE_UI_URL}/communities/${values["metadata"]["slug"]}`}
     </>
   );
 
   return (
     <TextField
       required
-      id="community.slug"
+      id="metadata.slug"
       label={
         <FieldLabel
-          htmlFor="community.slug"
+          htmlFor="metadata.slug"
           icon="barcode"
           label={i18next.t("Identifier")}
         />
       }
-      fieldPath="community.slug"
+      fieldPath="metadata.slug"
       helpText={helpText}
       fluid
       className="text-muted"
@@ -84,7 +84,7 @@
               .filter((item) => !item?.parent?.id)
               .filter((item) => !item?.children?.allow === true)
               .map((item) => ({
-                text: item.community.title,
+                text: item.metadata.title,
                 value: item.id,
                 key: item.id,
               })),
@@ -112,12 +112,12 @@
     let payload = {};
     let slug = "";
     if (hasCommunity) {
-      payload = { community_id: values["community"]["community"] };
+      payload = { community_id: values["metadata"]["community"] };
     } else {
-      slug = values["community"]["slug"];
+      slug = values["metadata"]["slug"];
       payload = {
         community: {
-          title: values["community"]["title"],
+          title: values["metadata"]["title"],
           slug: slug,
         },
       };
@@ -139,11 +139,20 @@
       const { errors, message } = communityErrorSerializer(error);
 
       if (message) {
-        this.setGlobalError(message);
+        this.setGlobalError(
+          "The form contains errors or missing fields. Please verify before submitting"
+        );
       }
 
       if (errors) {
-        errors.map(({ field, messages }) => setFieldError(field, messages[0]));
+        errors.map(({ field, messages }) => {
+          // Check if the field is already prefixed with "metadata"
+          if (!field.startsWith("metadata")) {
+            // Add "metadata" prefix if not already present
+            field = `metadata.${field.split(".").pop()}`;
+          }
+          setFieldError(field, messages[0]);
+        });
       }
     }
   };
@@ -205,7 +214,7 @@
                           onChange={() => {
                             this.setState({ hasCommunity: true });
                           }}
-                          fieldPath="community.hasCommunity"
+                          fieldPath="metadata.hasCommunity"
                         />
                         <RadioField
                           label={i18next.t("No")}
@@ -214,7 +223,7 @@
                           onChange={() => {
                             this.setState({ hasCommunity: false });
                           }}
-                          fieldPath="community.hasCommunity"
+                          fieldPath="metadata.hasCommunity"
                         />
                       </Form.Group>
                     </div>
@@ -228,7 +237,7 @@
                             class="block"
                           />
                         }
-                        fieldPath="community.community"
+                        fieldPath="metadata.community"
                         options={communities}
                         defaultValue="Loading..."
                         required
@@ -239,16 +248,16 @@
                       <>
                         <TextField
                           required
-                          id="community.title"
+                          id="metadata.title"
                           fluid
-                          fieldPath="community.title"
+                          fieldPath="metadata.title"
                           // Prevent submitting before the value is updated:
                           onKeyDown={(e) => {
                             e.key === "Enter" && e.preventDefault();
                           }}
                           label={
                             <FieldLabel
-                              htmlFor="community.title"
+                              htmlFor="metadata.title"
                               icon="book"
                               label={i18next.t("Community name")}
                             />