Draw upload: error handling and userinformation (#1300)

* feat: adds error handling and information
terrestris · Nov 23, 2023 · 75a5ce8 · 75a5ce8
1 parent ada5669
commit 75a5ce8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/ToolMenu/Draw/index.tsx b/src/components/ToolMenu/Draw/index.tsx
@@ -1,5 +1,5 @@
 import React, {
-  ChangeEvent
+  ChangeEvent, useState
 } from 'react';
 
 import {
@@ -18,6 +18,7 @@ import {
   FontAwesomeIcon
 } from '@fortawesome/react-fontawesome';
 
+import { message } from 'antd';
 import {
   Feature
 } from 'ol';
@@ -119,6 +120,9 @@ export const Draw: React.FC<DrawProps> = ({
       )
     ) {
       onGeoJSONUpload(uploadedFiles[0]);
+      message.success(t('Draw.uploadSuccess'));
+    } else {
+      message.error(t('Draw.uploadError'));
     }
   };
 

diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
@@ -50,6 +50,8 @@ export default {
         text: 'Anmerkung',
         modify: 'Bearbeitung',
         upload: 'Hochladen',
+        uploadSuccess: 'Die Datei wurde erfolgreich importiert',
+        uploadError: 'Der Import ist fehlgeschlagen. Bitte beachten Sie, dass nur .geojson-Dateien unterstützt werden.',
         delete: 'Löschen',
         export: 'Exportieren'
       },
@@ -290,6 +292,8 @@ export default {
         text: 'Annotation',
         modify: 'Edit',
         upload: 'Upload',
+        uploadSuccess: 'The file was uploaded successfully',
+        uploadError: 'The import failed, please note that only .geojson files are supported',
         delete: 'Delete',
         export: 'Export'
       },