MOSIP-39720, MOSIP-39738 - UI bug fixes (#1218)

Signed-off-by: sudeep <[email protected]>
mosip · Feb 17, 2025 · 7fef78f · 7fef78f
1 parent 44549f3
commit 7fef78f
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 9 deletions.
diff --git a/pmp-revamp-ui/public/i18n/ara.json b/pmp-revamp-ui/public/i18n/ara.json
@@ -139,7 +139,7 @@
         "close": "يغلق",
         "submit": "يُقدِّم",
         "successMsg": "تم تحميل شهادة الشريك لـ {{partnerType}} بنجاح.",
-        "lastcertificateUploadDate": "تم تحميل آخر شهادة في {{date}}",
+        "lastcertificateUploadDate": "تم تحميل آخر شهادة في",
         "fileUploadError": "الشهادة التي تم تحميلها ليست بالتنسيق الصحيح. يُسمح فقط بتحميل الشهادات ذات التنسيق .cer أو .pem",
         "unableToUploadCertificate": "غير قادر على تحميل شهادة الشريك",
         "errorWhileUploadingCertificate": "بسبب حدوث خطأ، لم نتمكن من تحميل الشهادة. يرجى المحاولة مرة أخرى.",

diff --git a/pmp-revamp-ui/public/i18n/eng.json b/pmp-revamp-ui/public/i18n/eng.json
@@ -139,7 +139,7 @@
         "close": "Close",
         "submit": "Submit",
         "successMsg": "Partner certificate for {{partnerType}} is uploaded successfully.",
-        "lastcertificateUploadDate": "Last certificate was uploaded on {{date}}",
+        "lastcertificateUploadDate": "Last certificate was uploaded on",
         "fileUploadError": "The certificate uploaded is not in the correct format. Only certificates having format .cer or .pem is allowed for upload",
         "unableToUploadCertificate": "Unable to upload partner certificate",
         "errorWhileUploadingCertificate": "Due to an error, we were unable to upload the certificate. Please try again.",

diff --git a/pmp-revamp-ui/public/i18n/fra.json b/pmp-revamp-ui/public/i18n/fra.json
@@ -139,7 +139,7 @@
         "close": "Fermer",
         "submit": "Soumettre",
         "successMsg": "Le certificat partenaire pour {{partnerType}} a été téléchargé avec succès.",
-        "lastcertificateUploadDate": "Le dernier certificat a été téléchargé le {{date}}",
+        "lastcertificateUploadDate": "Le dernier certificat a été téléchargé le",
         "fileUploadError": "Le certificat téléchargé n'est pas au bon format. Seuls les certificats au format .cer ou .pem peuvent être téléchargés.",
         "unableToUploadCertificate": "Impossible de télécharger le certificat de partenaire",
         "errorWhileUploadingCertificate": "En raison d'une erreur, nous n'avons pas pu télécharger le certificat. Veuillez réessayer.",

diff --git a/pmp-revamp-ui/src/pages/partner/certificates/UploadCertificate.js b/pmp-revamp-ui/src/pages/partner/certificates/UploadCertificate.js
@@ -283,14 +283,19 @@ function UploadCertificate({ closePopup, popupData, request }) {
                                                 <h5 className="text-charcoal-gray text-sm font-semibold break-all">
                                                     {fileName}
                                                 </h5>
-                                                <button id='remove_certificate_btn' className="text-sm font-semibold text-tory-blue" onClick={removeUpload}>
-                                                    <p> {t('uploadCertificate.remove')} </p>
-                                                </button>
+                                                {!uploadSuccess && (
+                                                    <button id='remove_certificate_btn' className="text-sm font-semibold text-tory-blue" onClick={removeUpload}>
+                                                        <p>{t('uploadCertificate.remove')}</p>
+                                                    </button>
+                                                )}
                                             </div>
                                         )}
                                     </div>
                                     {popupData.isCertificateAvailable && !removeLastUploadDate && (
-                                        <p className="text-sm text-gray-800 text-center mt-1">{t('uploadCertificate.lastcertificateUploadDate', { date: formattedDate })}</p>
+                                       <p className="text-sm text-gray-800 text-center mt-1">
+                                       {t('uploadCertificate.lastcertificateUploadDate')}{' '}
+                                       <span className="whitespace-nowrap">{formattedDate}</span>
+                                     </p>
                                     )}
                                 </div>
                                 <div className="border-gray-200 border-opacity-50 border-t"></div>

diff --git a/pmp-revamp-ui/src/pages/partner/ftmProviderServices/FtmList.js b/pmp-revamp-ui/src/pages/partner/ftmProviderServices/FtmList.js
@@ -277,7 +277,7 @@ function FtmList() {
                           {tableHeaders.map((header, index) => {
                             return (
                               <th key={index} className={`py-4 px-2 text-xs text-[#6F6E6E]`}>
-                                <div id={`${header.headerNameKey}_header`} className={`flex items-center gap-x-1 font-semibold ${header.id === "action" && 'justify-center'}`}>
+                                <div id={`${header.headerNameKey}_header`} className={`flex items-center text-left gap-x-1 font-semibold ${header.id === "action" && 'justify-center'}`}>
                                   {t(header.headerNameKey)}
                                   {(header.id !== "action") && (
                                     <SortingIcon

diff --git a/pmp-revamp-ui/src/pages/partner/policies/PoliciesList.js b/pmp-revamp-ui/src/pages/partner/policies/PoliciesList.js
@@ -187,7 +187,7 @@ function PoliciesList() {
                           <tr>
                             {tableHeaders.map((header, index) => {
                               return (
-                                <th key={index} className="py-4 px-2 text-sm font-semibold text-[#6F6E6E]">
+                                <th key={index} className="py-4 px-2 text-sm text-left font-semibold text-[#6F6E6E]">
                                   <div id={`${header.headerNameKey}_header`} className="flex gap-x-0 items-center">
                                     {t(header.headerNameKey)}
                                     {header.id !== "action" && (