From 124a72244bffd05995ea5d86eba10d1ee183d5a2 Mon Sep 17 00:00:00 2001
From: Moulika Kulkarni <moulika.kulkarni@ayanworks.com>
Date: Thu, 19 Oct 2023 15:43:59 +0530
Subject: [PATCH] fix: verification-details-popup

Signed-off-by: Moulika Kulkarni <moulika.kulkarni@ayanworks.com>
---
 .../Verification/AttributesListData.tsx       | 10 +++----
 .../Verification/SchemaCredDefDetails.tsx     | 30 ++++++++++++-------
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/components/Verification/AttributesListData.tsx b/src/components/Verification/AttributesListData.tsx
index 7ed9ee086..845682abe 100644
--- a/src/components/Verification/AttributesListData.tsx
+++ b/src/components/Verification/AttributesListData.tsx
@@ -10,12 +10,12 @@ interface AttributesListProps {
 				<Card >
 					<div className="flex h-full flex-col justify-center gap-0 sm:p-0">
 						<div className="flex border-b">
-							<div className="w-5/12 font-semibold flex justify-start truncate md:pl-1 sm:mr-8 md:mr-0 text-primary-700 dark:bg-gray-800 text-xl">
+							<div className="w-5/12 font-semibold flex truncate md:pl-1 sm:mr-8 md:mr-0 text-primary-700 dark:bg-gray-800 text-xl">
 								Attributes
 							</div>
 							<div className="w-1/12 font-semibold flex justify-start truncate md:pl-1 sm:mr-8 md:mr-0 text-primary-700 dark:bg-gray-800 text-xl">
 							</div>
-							<div className="w-6/12 font-semibold flex justify-start truncate sm:pl-4 text-primary-700 dark:bg-gray-800 text-xl">
+							<div className="w-6/12 font-semibold flex truncate sm:pl-4 text-primary-700 dark:bg-gray-800 text-xl">
 								{' '}
 								Values
 							</div>
@@ -25,18 +25,18 @@ interface AttributesListProps {
 							attributeDataList?.map((item, index) => (
 								<div
 									key={item?.entity + 1}
-									className="flex justify-start w-full"
+									className="flex w-full"
 								>
 									<div
 										className={`flex w-full text-lg`}
 									>
-										<div className="w-5/12 m-1 p-1 flex justify-start items-center text-gray-700 dark:text-white text-lg">
+										<div className="w-5/12 m-1 p-1 text-start text-gray-700 dark:text-white text-lg">
 											{item?.entity}
 										</div>
 										<div className="w-1/12 m-1 p-1 flex  items-center text-gray-700 dark:text-white text-lg">
 											:
 										</div>
-										<div className="w-6/12 m-1 truncate p-1 flex flex-start items-center text-gray-700 dark:text-white text-lg">
+										<div className="w-6/12 m-1 truncate p-1 flex justify-start text-gray-700 dark:text-white text-lg">
 											{item?.properties.join(', ')}
 										</div>
 									</div>
diff --git a/src/components/Verification/SchemaCredDefDetails.tsx b/src/components/Verification/SchemaCredDefDetails.tsx
index d1cf1b9d2..f0251d8a5 100644
--- a/src/components/Verification/SchemaCredDefDetails.tsx
+++ b/src/components/Verification/SchemaCredDefDetails.tsx
@@ -10,16 +10,26 @@ const SchemaCredDefDetails = ({ schemaCredDefList }: SchemaCredDefProps) => {
             {schemaCredDefList.map((item) => (
                 <div key={Object.values(item)[2]} className="flex justify-start ml-2 w-full mt-6">
                     <div className="w-full">
-                        <div className="flex flex-start mb-2 w-full ">
-                            <div className=" w-3/12 font-semibold text-primary-700 dark:bg-gray-800 m-1 p-1 flex justify-start items-center">
-                                Schema Id
-                            </div>
-                            <div className=" flex items-center p-1 m-1 ">:</div>{' '}
-                            <div className="w-9/12 m-1 flex justify-start text-gray-600 dark:text-white items-center cursor-pointer overflow-auto"
-                              >
-                                {Object.values(item)[2]}
+                      
+                        {Object.values(item)[2] ? (
+                            <div className="flex flex-start mb-2 w-full ">
+                                <div className="w-3/12 font-semibold text-primary-700 dark:bg-gray-800 m-1 p-1 text-start">
+                                    {Object.values(item)[2] ? 'Schema Id' : ''}
+                                </div>{' '}
+                                <div className=" p-1 m-1">
+                                    {' '}
+                                    :
+                                </div>{' '}
+                                <div className="w-9/12 m-1 text-start text-gray-600 dark:text-white items-center cursor-pointer overflow-auto">
+                                    {Object.values(item)[2]
+                                        ? Object.values(item)[2]
+                                        : ''}
+                                </div>
                             </div>
-                        </div>
+                        ) : (
+                            ''
+                        )}
+
                         {Object.values(item)[1] ? (
                             <div className="flex flex-start mb-2 w-full ">
                                 <div className="w-3/12 font-semibold text-primary-700 dark:bg-gray-800 m-1 p-1 flex justify-start items-center">
@@ -29,7 +39,7 @@ const SchemaCredDefDetails = ({ schemaCredDefList }: SchemaCredDefProps) => {
                                     {' '}
                                     :
                                 </div>{' '}
-                                <div className="w-9/12 m-1 flex justify-start text-gray-600 dark:text-white items-center cursor-pointer overflow-auto">
+                                <div className="w-9/12 m-1 text-start text-gray-600 dark:text-white items-center cursor-pointer overflow-auto">
                                     {Object.values(item)[1]
                                         ? Object.values(item)[1]
                                         : ''}