MOSIP-34634 : Ui fix (#700)

Signed-off-by: sudeep <[email protected]>
mosip · Aug 14, 2024 · 8fef910 · 8fef910
1 parent 70fe9f8
commit 8fef910
Show file tree

Hide file tree

Showing 7 changed files with 253 additions and 208 deletions.
diff --git a/pmp-reactjs-ui/public/i18n/ara.json b/pmp-reactjs-ui/public/i18n/ara.json
@@ -390,7 +390,8 @@
         "selectDeviceSubType": "حدد النوع الفرعي للجهاز",
         "selectMakeName": "حدد إنشاء اسم",
         "selectModelName": "حدد اسم النموذج",
-        "selectStatus": "حدد الحالة"
+        "selectStatus": "حدد الحالة",
+        "unexpectedError": "لقد واجهنا خطأ غير متوقع. يرجى المحاولة مرة أخرى."
     },
     "addDevices": {
         "addDevices": "إضافة أجهزة",
@@ -411,7 +412,8 @@
         "errorInDeviceSubType": "أثناء جلب أنواع فرعية للجهاز، واجهنا خطأً.",
         "errorInDeviceType": "أثناء جلب أنواع الأجهزة، واجهنا خطأً.",
         "errorInAddingDevice": "أثناء إضافة الجهاز، واجهنا خطأ.",
-        "limitExceedWarning": "يمكن إضافة 25 جهازًا كحد أقصى في المرة الواحدة. انقر فوق تأكيد لتحديث هذه الصفحة وإضافة المزيد من الأجهزة. يرجى ملاحظة أن جميع الأجهزة التي تم إرسالها مسبقًا لن تكون مرئية عند التحديث ولكن يمكن عرضها في صفحة قائمة الأجهزة"
+        "limitExceedWarning": "يمكن إضافة 25 جهازًا كحد أقصى في المرة الواحدة. انقر فوق تأكيد لتحديث هذه الصفحة وإضافة المزيد من الأجهزة. يرجى ملاحظة أن جميع الأجهزة التي تم إرسالها مسبقًا لن تكون مرئية عند التحديث ولكن يمكن عرضها في صفحة قائمة الأجهزة",
+        "inActiveDeviceMappingToSbiError": "لقد واجهنا خطأ، يرجى الاتصال بالمسؤول."
     },
     "viewDeviceDetails": {
         "viewDeviceDetails": "عرض تفاصيل الجهاز",

diff --git a/pmp-reactjs-ui/public/i18n/eng.json b/pmp-reactjs-ui/public/i18n/eng.json
@@ -385,7 +385,8 @@
         "selectDeviceSubType": "Select Device Sub Type",
         "selectMakeName": "Select Make Name",
         "selectModelName": "Select Model Name",
-        "selectStatus": "Select Status"
+        "selectStatus": "Select Status",
+        "unexpectedError": "We have encountered with an unexpected error. Please try again."
     },
     "addDevices": {
         "addDevices": "Add Devices",
@@ -406,7 +407,8 @@
         "errorInDeviceSubType": "While fetching device sub types, we have encountered with an error.",
         "errorInDeviceType": "While fetching device types, we have encountered with an error.",
         "errorInAddingDevice": "While adding device, we have encountered with an error.",
-        "limitExceedWarning": "Maximum of 25 devices can be added at a time. Click Confirm to refresh this page and add more devices. Please note that all the previously submitted devices will not be visible upon refreshing but can be viewed in List of Devices Page"
+        "limitExceedWarning": "Maximum of 25 devices can be added at a time. Click Confirm to refresh this page and add more devices. Please note that all the previously submitted devices will not be visible upon refreshing but can be viewed in List of Devices Page",
+        "inActiveDeviceMappingToSbiError": "We have encountered with an error, please contact your administrator."
     },
     "viewDeviceDetails": {
         "viewDeviceDetails": "View Device Details",

diff --git a/pmp-reactjs-ui/public/i18n/fra.json b/pmp-reactjs-ui/public/i18n/fra.json
@@ -390,7 +390,8 @@
         "selectDeviceSubType": "Sélectionnez le sous-type de périphérique",
         "selectMakeName": "Sélectionnez Créer un nom",
         "selectModelName": "Sélectionnez le nom du modèle",
-        "selectStatus": "Sélectionnez le statut"
+        "selectStatus": "Sélectionnez le statut",
+        "unexpectedError": "Nous avons rencontré une erreur inattendue. Veuillez réessayer."
     },
     "addDevices": {
         "addDevices": "Ajouter des appareils",
@@ -411,7 +412,8 @@
         "errorInDeviceSubType": "Lors de la récupération des sous-types d'appareils, nous avons rencontré une erreur.",
         "errorInDeviceType": "Lors de la récupération des types d'appareils, nous avons rencontré une erreur.",
         "errorInAddingDevice": "Lors de l'ajout d'un appareil, nous avons rencontré une erreur.",
-        "limitExceedWarning": "Vous pouvez ajouter jusqu'à 25 appareils à la fois. Cliquez sur Confirmer pour actualiser cette page et ajouter d'autres appareils. Veuillez noter que tous les appareils précédemment soumis ne seront pas visibles lors de l'actualisation, mais pourront être consultés dans la page Liste des appareils."
+        "limitExceedWarning": "Vous pouvez ajouter jusqu'à 25 appareils à la fois. Cliquez sur Confirmer pour actualiser cette page et ajouter d'autres appareils. Veuillez noter que tous les appareils précédemment soumis ne seront pas visibles lors de l'actualisation, mais pourront être consultés dans la page Liste des appareils.",
+        "inActiveDeviceMappingToSbiError": "Nous avons rencontré une erreur, veuillez contacter votre administrateur."
     },
     "viewDeviceDetails": {
         "viewDeviceDetails": "Afficher les détails de l'appareil",

diff --git a/pmp-reactjs-ui/src/pages/deviceProviderServices/AddDevices.js b/pmp-reactjs-ui/src/pages/deviceProviderServices/AddDevices.js
@@ -222,7 +222,7 @@ function AddDevices() {
             const selectedSbi = localStorage.getItem('selectedSbiData');
 
             if (!selectedSbi) {
-                setErrorMsg(t('devicesList.errorInAddingDevice'));
+                setErrorMsg(t('addDevices.errorInAddingDevice'));
                 return;
             }
 
@@ -248,10 +248,10 @@ function AddDevices() {
                 setSuccessMsg(t('addDevices.successMsg'));
                 updateButtonStates();
             } else {
-                handleServiceErrors(response.data, setErrorCode, setErrorMsg);
+                setErrorMsg(t('addDevices.inActiveDeviceMappingToSbiError'));
             }
         } catch (err) {
-            setErrorMsg(t('devicesList.errorInAddingDevice'));
+            setErrorMsg(t('addDevices.inActiveDeviceMappingToSbiError'));
             console.error('Error fetching data:', err);
         }
         setDataLoaded(true);