added tooltips to the sercret overview

This commit is contained in:
Vladyslav Matsiiako
2023-08-22 15:10:18 -07:00
parent 3e46bec6f7
commit 93640c9d69
@@ -52,7 +52,7 @@ export const SecretOverviewTableRow = ({
<div className="text-blue-300/70"> <div className="text-blue-300/70">
<FontAwesomeIcon icon={isFormExpanded ? faAngleDown : faKey} /> <FontAwesomeIcon icon={isFormExpanded ? faAngleDown : faKey} />
</div> </div>
<div>{secretKey}</div> <div title={secretKey}>{secretKey}</div>
</div> </div>
</div> </div>
</Td> </Td>
@@ -73,7 +73,9 @@ export const SecretOverviewTableRow = ({
> >
<div className="h-full w-full border-r border-mineshaft-600 py-[0.85rem] px-5"> <div className="h-full w-full border-r border-mineshaft-600 py-[0.85rem] px-5">
<div className="flex justify-center"> <div className="flex justify-center">
{!isSecretEmpty && <FontAwesomeIcon icon={isSecretPresent ? faCheck : faXmark} />} {!isSecretEmpty && <Tooltip content={isSecretPresent ? "Present secret" : "Missing secret"}>
<FontAwesomeIcon icon={isSecretPresent ? faCheck : faXmark} />
</Tooltip>}
{isSecretEmpty && ( {isSecretEmpty && (
<Tooltip content="Empty value"> <Tooltip content="Empty value">
<FontAwesomeIcon icon={faCircle} /> <FontAwesomeIcon icon={faCircle} />