order SDGs by number

Author: Deepthi-Chand

app/[locale]/dashboard/[entityType]/[entitySlug]/collaboratives/edit/[id]/metadata/page.tsx

@@ -35,6 +35,7 @@ const FetchCollaborativeMetadata: any = graphql(`
         id
         code
         name
+        number
       }
       geographies {
         id
@@ -75,6 +76,7 @@ const sdgsListQueryDoc: any = graphql(`
       id
       code
       name
+      number
     }
   }
 `);
@@ -214,8 +216,9 @@ const Metadata = () => {
 
     defaultVal['sdgs'] =
       data?.sdgs?.map((sdg: any) => {
+        const num = String(sdg.number || 0).padStart(2, '0');
         return {
-          label: `${sdg.code} - ${sdg.name}`,
+          label: `${num}. ${sdg.name}`,
           value: sdg.id,
         };
       }) || [];
@@ -433,10 +436,13 @@ const Metadata = () => {
               label="SDG Goals *"
               name="sdgs"
               list={
-                getSDGsList?.data.sdgs?.map((item: any) => ({
-                  label: `${item.code} - ${item.name}`,
-                  value: item.id,
-                })) || []
+                getSDGsList?.data?.sdgs?.map((item: any) => {
+                  const num = String(item.number || 0).padStart(2, '0');
+                  return {
+                    label: `${num}. ${item.name}`,
+                    value: item.id,
+                  };
+                }) || []
               }
               selectedValue={formData.sdgs}
               onChange={(value) => {

app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/[id]/metadata/page.tsx

@@ -47,6 +47,7 @@ const FetchUseCasedetails: any = graphql(`
         id
         code
         name
+        number
       }
     }
   }
@@ -146,6 +147,7 @@ const sdgsListQueryDoc: any = graphql(`
       id
       code
       name
+      number
     }
   }
 `);
@@ -238,8 +240,9 @@ const Metadata = () => {
 
     defaultVal['sdgs'] =
       data?.sdgs?.map((sdg: any) => {
+        const num = String(sdg.number || 0).padStart(2, '0');
         return {
-          label: `${sdg.code} - ${sdg.name}`,
+          label: `${num}. ${sdg.name}`,
           value: sdg.id,
         };
       }) || [];
@@ -461,10 +464,13 @@ const Metadata = () => {
               label="SDG Goals *"
               name="sdgs"
               list={
-                getSDGsList?.data.sdgs?.map((item: any) => ({
-                  label: `${item.code} - ${item.name}`,
-                  value: item.id,
-                })) || []
+                getSDGsList?.data?.sdgs?.map((item: any) => {
+                  const num = String(item.number || 0).padStart(2, '0');
+                  return {
+                    label: `${num}. ${item.name}`,
+                    value: item.id,
+                  };
+                }) || []
               }
               selectedValue={formData.sdgs}
               onChange={(value) => {