chore(tutorial): fix handle errors

Author: barshathakuri

app/components/domain/TutorialAssetInput/index.tsx

@@ -106,6 +106,15 @@ function TutorialAssetInput<const NAME>(props: Props<NAME>) {
                 && result.data.createTutorialAsset.result
             ) {
                 onChange(result.data.createTutorialAsset.result.id, name);
+            } else {
+                // eslint-disable-next-line no-underscore-dangle
+                const errorMessage = result.data
+                    ?.createTutorialAsset?.__typename === 'OperationInfo'
+                    ? result.data.createTutorialAsset.messages
+                    : result.data?.createTutorialAsset?.errors?.[0]?.message
+                    || 'Failed to upload file. Please try again.';
+                // eslint-disable-next-line no-console
+                console.error(errorMessage);
             }
         }
     }, [createTutorialAsset, tutorialId, onChange, name]);

app/components/domain/TutorialAssetPreview/index.tsx

@@ -67,22 +67,30 @@ function TutorialAssetPreview(props: Props) {
 
     useEffect(() => {
         async function fetchGeoJson() {
-            if (isNotDefined(previewResponse)
+            if (
+                isNotDefined(previewResponse)
                 || previewResponse.tutorialAsset.mimetype !== Geojson
             ) {
                 return;
             }
 
-            const geoJsonResponse = await fetch(
-                previewResponse.tutorialAsset.file.url,
-            );
-
-            const rawGeoJson = await geoJsonResponse.json();
-
-            // TODO: validate
-            setGeoJson(rawGeoJson);
+            fetch(previewResponse.tutorialAsset.file.url)
+                .then((geoJsonResponse) => {
+                    if (!geoJsonResponse.ok) {
+                        throw new Error('Failed to fetch GeoJSON file.');
+                    }
+                    return geoJsonResponse.json();
+                })
+                .then((rawGeoJson) => {
+                    // TODO: validate
+                    setGeoJson(rawGeoJson);
+                })
+                .catch((error) => {
+                    // eslint-disable-next-line no-console
+                    console.error('Error fetching GeoJSON:', error);
+                    setGeoJson(undefined);
+                });
         }
-
         fetchGeoJson();
     }, [previewResponse, Geojson]);
 

app/views/EditTutorial/index.tsx

@@ -622,6 +622,7 @@ function NewTutorial(props: Props) {
                             clientId: ulid(),
                             reference: feature.properties.reference,
                             projectTypeSpecifics: {
+                                // FIXME: Why objectGeometry is string?
                                 validate: {
                                     objectGeometry: JSON.stringify(feature.geometry, null, 4),
                                 } satisfies ValidatePropertyInputFields,