fix: title element issue on span component

Signed-off-by: pranalidhanavade <[email protected]>
credebl · Oct 8, 2024 · d9304bd · d9304bd
1 parent ded532b
commit d9304bd
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/src/components/User/UserDashBoard.tsx b/src/components/User/UserDashBoard.tsx
@@ -605,12 +605,12 @@ const UserDashBoard = () => {
 															)}
 
 															<span className="flex items-center space-x-2 ml-3 text-lg font-bold text-gray-500 dark:text-white text-start truncate">
-																<span className="truncate"> {org?.name}</span>
+																<span className="truncate">{org?.name}</span>
 																<span>
 																	{org.roles.includes(
 																		OrganizationRoles.organizationOwner,
 																	) ? (
-																		<span title={org.roles}>
+																		<span  title={org.roles.join(", ")}>
 																			<svg
 																				width="24"
 																				height="24"
@@ -631,10 +631,7 @@ const UserDashBoard = () => {
 																			OrganizationRoles.organizationIssuer,
 																	  ) ? (
 																		<span
-																			title={org.roles.slice(
-																				0,
-																				org.roles.length - 1,
-																			)}
+																		title={org.roles.slice(0, org.roles.length - 1).join(", ")}
 																		>
 																			<svg
 																				width="24"