MOSIP-38409: Added partner status in view partner-policy-linking

Signed-off-by: Swetha K <[email protected]>
mosip · Jan 6, 2025 · 39cd278 · 39cd278
1 parent 7a5051d
commit 39cd278
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 13 deletions.
diff --git a/pmp-revamp-ui/public/i18n/ara.json b/pmp-revamp-ui/public/i18n/ara.json
@@ -451,7 +451,8 @@
         "selectModelName": "حدد اسم النموذج",
         "selectStatus": "حدد الحالة",
         "unexpectedError": "لقد واجهنا خطأ غير متوقع. يرجى المحاولة مرة أخرى.",
-        "searchDeviceId": "البحث عن معرف الجهاز"
+        "searchDeviceId": "البحث عن معرف الجهاز",
+        "selectDeviceId": "حدد معرف الجهاز"
     },
     "deactivateDevicePopup": {
         "headerMsg": "هل تريد إلغاء تنشيط الجهاز",
@@ -525,7 +526,8 @@
         "searchModel": "نموذج البحث",
         "expired": "منتهي الصلاحية",
         "errorInFtmList": "أثناء جلب تفاصيل شريحة FTM، واجهنا خطأً.",
-        "ftmId": "معرف FTM"
+        "ftmId": "معرف FTM",
+        "selectFtmId": "حدد معرف FTM"
     },
     "addFtm": {
         "addFtmChipDetails": "إضافة تفاصيل شريحة FTM",
@@ -846,7 +848,8 @@
         "policyId": "معرف السياسة",
         "policyName": "اسم السياسة",
         "organisation": "اسم المنظمة",
-        "policyGroup": "مجموعة السياسات"
+        "policyGroup": "مجموعة السياسات",
+        "partnerStatus": "حالة الشريك"
     },
     "deactivatePolicyPopup": {
         "headerMsg": "هل تريد تعطيل السياسة",

diff --git a/pmp-revamp-ui/public/i18n/eng.json b/pmp-revamp-ui/public/i18n/eng.json
@@ -446,7 +446,8 @@
         "selectModelName": "Select Model Name",
         "selectStatus": "Select Status",
         "unexpectedError": "We have encountered with an unexpected error. Please try again.",
-        "searchDeviceId": "Search Device Id"
+        "searchDeviceId": "Search Device Id",
+        "selectDeviceId": "Select Device ID"
     },
     "deactivateDevicePopup": {
         "headerMsg": "Do you want to deactivate Device ",
@@ -520,7 +521,8 @@
         "searchModel": "Search Model",
         "expired": "Expired",
         "errorInFtmList": "While fetching FTM chip details, we have encountered with an error.",
-        "ftmId": "FTM ID"
+        "ftmId": "FTM ID",
+        "selectFtmId": "Select FTM ID"
     },
     "addFtm": {
         "addFtmChipDetails": "Add FTM Chip details",
@@ -841,7 +843,8 @@
         "policyId": "Policy ID",
         "policyName": "Policy Name",
         "organisation": "Organisation Name",
-        "policyGroup": "Policy Group"
+        "policyGroup": "Policy Group",
+        "partnerStatus": "Partner Status"
     },
     "deactivatePolicyPopup": {
         "headerMsg": "Do you want to deactivate Policy",

diff --git a/pmp-revamp-ui/public/i18n/fra.json b/pmp-revamp-ui/public/i18n/fra.json
@@ -451,7 +451,8 @@
         "selectModelName": "Sélectionnez le nom du modèle",
         "selectStatus": "Sélectionnez le statut",
         "unexpectedError": "Nous avons rencontré une erreur inattendue. Veuillez réessayer.",
-        "searchDeviceId": "Rechercher l'ID de l'appareil"
+        "searchDeviceId": "Rechercher l'ID de l'appareil",
+        "selectDeviceId": "Sélectionner l'ID de l'appareil"
     },
     "deactivateDevicePopup": {
         "headerMsg": "Voulez-vous désactiver l'appareil ",
@@ -525,7 +526,8 @@
         "searchModel": "Rechercher un modèle",
         "expired": "Expiré",
         "errorInFtmList": "Lors de la récupération des détails de la puce FTM, nous avons rencontré une erreur.",
-        "ftmId": "Identifiant FTM"
+        "ftmId": "Identifiant FTM",
+        "selectFtmId": "Sélectionnez l'ID FTM"
     },
     "addFtm": {
         "addFtmChipDetails": "Ajouter les détails de la puce FTM",
@@ -846,7 +848,8 @@
         "policyId": "ID de stratégie",
         "policyName": "Nom de la Politique",
         "organisation": "Nom de l'organisation",
-        "policyGroup": "Groupe de politiques"
+        "policyGroup": "Groupe de politiques",
+        "partnerStatus": "Statut de partenaire"
     },
     "deactivatePolicyPopup": {
         "headerMsg": "Voulez-vous désactiver la politique",

diff --git a/pmp-revamp-ui/src/pages/admin/policyRequests/ViewPolicyRequestDetails.js b/pmp-revamp-ui/src/pages/admin/policyRequests/ViewPolicyRequestDetails.js
@@ -6,6 +6,7 @@ import { useNavigate } from 'react-router-dom';
 import Title from '../../common/Title';
 import adminImage from "../../../svg/admin.png";
 import partnerImage from "../../../svg/partner.png";
+import dotImg from "../../../svg/dot.svg";
 
 function ViewPolicyRequestDetails() {
     const { t } = useTranslation();
@@ -78,31 +79,42 @@ function ViewPolicyRequestDetails() {
                                 </p>
                             </div>
                         </div>
-                        <div className={`flex flex-wrap pt-3`}>
-                            <div className={`w-[50%] max-[600px]:w-[100%] mb-3 px-2`}>
+                        <div className="flex flex-wrap py-1 max-[450px]:flex-col">
+                            <div className={`mb-3 w-[50%] max-[600px]:w-[100%]`}>
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.policyId")}
                                 </p>
                                 <p className="font-[600] text-vulcan text-md break-normal">
                                     {policyRequestDetails.policyId}
                                 </p>
                             </div>
-                            <div className={`w-[50%] max-[600px]:w-[100%] px-2`}>
+                            <div className={`w-[50%] max-[600px]:w-[100%] mb-3 px-2`}>
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.policyName")}
                                 </p>
                                 <p className="font-[600] text-vulcan text-md">
                                     {policyRequestDetails.policyName}
                                 </p>
                             </div>
-                            <div className={`w-[49%] max-[600px]:w-[100%] my-3 ${isLoginLanguageRTL ? "ml[1%]" : "mr-[1%]"}`}>
+                        </div>
+                        <div className="flex flex-wrap py-1 max-[450px]:flex-col">
+                            <div className={`mb-3 w-[50%] max-[600px]:w-[100%]`}>
                                 <p className="font-[600] text-suva-gray text-sm">
                                     {t("viewPolicyRequest.policyGroup")}
                                 </p>
                                 <p className="font-[600] text-vulcan text-md">
                                     {policyRequestDetails.policyGroupName}
                                 </p>
                             </div>
+                            <div className={`w-[50%] max-[600px]:w-[100%] mb-3 px-2`}>
+                                <p className="font-[600] text-suva-gray text-sm">
+                                    {t("viewPolicyRequest.partnerStatus")}
+                                </p>
+                                <p className={`flex w-fit py-1 px-3 text-sm rounded-md my-1 font-semibold ${bgOfStatus(policyRequestDetails.partnerStatus)} text-md`}>
+                                    <img src={dotImg} alt="" /> 
+                                    <span className={`${isLoginLanguageRTL ? 'pr-2' : 'pl-2'}`}>{getStatusCode(policyRequestDetails.partnerStatus, t)}</span>
+                                </p>
+                            </div>
                         </div>
                         <hr className="h-px mt-3 w-full bg-gray-200 border-0" />
                         <div className="py-3">