Merge pull request #374 from credebl/verification-popup

fix:Verification popup
credebl · Oct 19, 2023 · 6c99176 · 6c99176
2 parents da39050 + 1eaacbf
commit 6c99176
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 15 deletions.
diff --git 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
@@ -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]
                                         : ''}