From 42818129ed245263c68d5720201f06eab3a02d61 Mon Sep 17 00:00:00 2001
From: Sudeep7353 <103890430+Sudeep7353@users.noreply.github.com>
Date: Tue, 10 Dec 2024 10:44:06 +0530
Subject: [PATCH] MOSIP-37719, MOSIP-37709, MOSIP-37699, MOSIP-37709 - story
 review changes. (#1007)

Signed-off-by: sudeep <sudeep.j7353@gmail.com>
---
 .../deviceProviderServices/ViewAdminSbiDetails.js  | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
index 44549112f..6b1374a56 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
@@ -80,7 +80,7 @@ function ViewAdminSbiDetails() {
                                         {sbiDetails.partnerId}
                                     </p>
                                 </div>
-                                <div className={`mb-5 max-[600px]:w-[100%] w-[50%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
+                                <div className={`mb-5 max-[600px]:w-[100%] w-[48%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
                                     <p className="text-suva-gray text-sm">
                                         {t("viewPolicyRequest.partnerType")}
                                     </p>
@@ -88,7 +88,7 @@ function ViewAdminSbiDetails() {
                                         {t("partnerTypes.deviceProvider")}
                                     </p>
                                 </div>
-                                <div className={`mb-5 w-[100%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
+                                <div className={`mb-5 max-[600px]:w-[100%] w-[48%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
                                     <p className="text-suva-gray text-sm">
                                         {t("viewSbiDetails.organisation")}
                                     </p>
@@ -96,6 +96,14 @@ function ViewAdminSbiDetails() {
                                         {sbiDetails.orgName}
                                     </p>
                                 </div>
+                                <div className={`mb-5 max-[600px]:w-[100%] w-[48%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
+                                    <p className="text-suva-gray text-sm">
+                                        {t("sbiList.linkedDevices")}
+                                    </p>
+                                    <p className="text-vulcan text-md">
+                                        {sbiDetails.countOfAssociatedDevices}
+                                    </p>
+                                </div>
                                 <div className={`mb-5 max-[600px]:w-[100%] w-[48%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
                                     <p className="text-suva-gray text-sm">
                                         {t("viewSbiDetails.sbiCreatedDate")}
@@ -104,7 +112,7 @@ function ViewAdminSbiDetails() {
                                     {formatDate(sbiDetails.sbiCreatedDateTime, "date", false)}
                                     </p>
                                 </div>
-                                <div className={`mb-5 max-[600px]:w-[100%] w-[50%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
+                                <div className={`mb-5 max-[600px]:w-[100%] w-[48%] ${isLoginLanguageRTL ? "mr-1" : "ml-1"}`}>
                                     <p className={`text-sm ${(sbiDetails.sbiExpiryStatus === 'expired') ? 'text-crimson-red' : 'text-suva-gray' }`}>
                                         {t("viewSbiDetails.sbiExpiryDate")}
                                     </p>