[ES-675] UI fixes. (#755)

Signed-off-by: GurukiranP <talk2gurukiran@gmail.com>
mosip · Jun 6, 2024 · 10d08f8 · 10d08f8
1 parent 1db3cfd
commit 10d08f8
Show file tree

Hide file tree

Showing 9 changed files with 165 additions and 133 deletions.
diff --git a/oidc-ui/public/locales/ar.json b/oidc-ui/public/locales/ar.json
@@ -188,8 +188,8 @@
   "consentDetails": {
     "essential_claims": "المطالبات الأساسية",
     "voluntary_claims": "المطالبات الطوعية",
-    "verified_claim": "المطالبة التي تم التحقق منها",
-    "unverified_claim": "مطالبة لم يتم التحقق منها",
+    "verified_claims": "المطالبات التي تم التحقق منها",
+    "unverified_claims": "مطالبات لم يتم التحقق منها",
     "name": "اسم",
     "given_name": "اسم",
     "middle_name": "الاسم الأوسط",

diff --git a/oidc-ui/public/locales/en.json b/oidc-ui/public/locales/en.json
@@ -189,8 +189,8 @@
   "consentDetails": {
     "essential_claims": "Essential Claims",
     "voluntary_claims": "Voluntary Claims",
-    "verified_claim": "Verified Claim",
-    "unverified_claim": "Unverified Claim",
+    "verified_claims": "Verified Claims",
+    "unverified_claims": "Unverified Claims",
     "name": "Name",
     "given_name": "Name",
     "middle_name": "Middle Name",

diff --git a/oidc-ui/public/locales/hi.json b/oidc-ui/public/locales/hi.json
@@ -189,8 +189,8 @@
   "consentDetails": {
     "essential_claims": "आवश्यक दावे",
     "voluntary_claims": "स्वैच्छिक दावे",
-    "verified_claim": "सत्यापित दावा",
-    "unverified_claim": "असत्यापित दावा",
+    "verified_claims": "सत्यापित दावे",
+    "unverified_claims": "असत्यापित दावे",
     "name": "नाम",
     "given_name": "नाम",
     "middle_name": "मध्य नाम",

diff --git a/oidc-ui/public/locales/km.json b/oidc-ui/public/locales/km.json
@@ -189,8 +189,8 @@
   "consentDetails": {
     "essential_claims": "ការទាមទារសំខាន់ៗ",
     "voluntary_claims": "ការទាមទារដោយស្ម័គ្រចិត្ត",
-    "verified_claim": "ការទាមទារដែលបានផ្ទៀងផ្ទាត់",
-    "unverified_claim": "ការទាមទារដែលមិនបានផ្ទៀងផ្ទាត់",
+    "verified_claims": "ការទាមទារដែលបានផ្ទៀងផ្ទាត់",
+    "unverified_claims": "ការទាមទារដែលមិនបានបញ្ជាក់",
     "name": "ឈ្មោះ",
     "given_name": "ឈ្មោះ",
     "middle_name": "ជាឈ្មោះកណ្តាល",

diff --git a/oidc-ui/public/locales/kn.json b/oidc-ui/public/locales/kn.json
@@ -189,8 +189,8 @@
   "consentDetails": {
     "essential_claims": "ಅಗತ್ಯ ಹಕ್ಕುಗಳು",
     "voluntary_claims": "ಸ್ವಯಂಪ್ರೇರಿತ ಹಕ್ಕುಗಳು",
-    "verified_claim": "ಪರಿಶೀಲಿಸಿದ ಹಕ್ಕು",
-    "unverified_claim": "ಪರಿಶೀಲಿಸದ ಹಕ್ಕು",
+    "verified_claims": "ಪರಿಶೀಲಿಸಿದ ಹಕ್ಕುಗಳು",
+    "unverified_claims": "ಪರಿಶೀಲಿಸದ ಹಕ್ಕುಗಳು",
     "name": "ಹೆಸರು",
     "given_name": "ಹೆಸರು",
     "middle_name": "ಮಧ್ಯದ ಹೆಸರು",

diff --git a/oidc-ui/public/locales/ta.json b/oidc-ui/public/locales/ta.json
@@ -189,8 +189,8 @@
   "consentDetails": {
     "essential_claims": "அத்தியாவசிய உரிமைகோரல்கள்",
     "voluntary_claims": "தன்னார்வ உரிமைகோரல்கள்",
-    "verified_claim": "சரிபார்க்கப்பட்ட உரிமைகோரல்",
-    "unverified_claim": "சரிபார்க்கப்படாத உரிமைகோரல்",
+    "verified_claims": "சரிபார்க்கப்பட்ட உரிமைகோரல்கள்",
+    "unverified_claims": "சரிபார்க்கப்படாத உரிமைகோரல்கள்",
     "name": "பெயர்",
     "given_name": "பெயர்",
     "middle_name": "நடுத்தர பெயர்",

diff --git a/oidc-ui/src/components/Authorize.js b/oidc-ui/src/components/Authorize.js
@@ -79,6 +79,7 @@ export default function Authorize({ authService }) {
             setStatus(states.LOADED);
 
             if (request.idTokenHint) {
+              setStatus(states.LOADING);
               const base64UrlDecode = (str) => {
                 return decodeURIComponent(
                   atob(str.replace(/-/g, "+").replace(/_/g, "/"))
@@ -207,7 +208,7 @@ export default function Authorize({ authService }) {
 
   switch (status) {
     case states.LOADING:
-      el = <LoadingIndicator size="medium" message={"loading_msg"} />;
+      el = <LoadingIndicator size="medium" message={"loading_msg"} className="align-loading-center"/>;
       break;
     case states.LOADED:
       if (!oAuthDetailResponse) {

diff --git a/oidc-ui/src/components/ClaimDetails.js b/oidc-ui/src/components/ClaimDetails.js
@@ -72,25 +72,23 @@ const ClaimDetails = ({
     if (label === "essential") {
       return (
         <div>
-          <p className="!font-bold mb-1">{t1("essential_claims")}</p>
           <p className="mb-1">
             <span className="!font-semibold">{t1("essential_claims")}: </span>
             {t1("essentialClaimsTooltip")}
           </p>
           <p className="mb-1">
-            <span className="!font-semibold">{t1("verified_claim")}: </span>
+            <span className="!font-semibold">{t1("verified_claims")}: </span>
             {t1("verifiedClaimTooltip")}
           </p>
           <p className="mb-1">
-            <span className="!font-semibold">{t1("unverified_claim")}: </span>
+            <span className="!font-semibold">{t1("unverified_claims")}: </span>
             {t1("unverifiedClaimTooltip")}
           </p>
         </div>
       );
     } else if (label === "voluntary") {
       return (
         <div>
-          <p className="!font-bold mb-1">{t1("voluntary_claims")}</p>
           <p className="mb-1">{t1("voluntaryClaimsTooltip")}</p>
         </div>
       );