Update SecretApprovalRequestChangeItem.tsx

This commit is contained in:
Daniel Hougaard
2025-06-13 19:38:40 +04:00
parent d5e9ac82d0
commit 400dc75656
@@ -11,10 +11,10 @@ import {
faKey faKey
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { twMerge } from "tailwind-merge";
import { SecretInput, Tag, Tooltip } from "@app/components/v2"; import { SecretInput, Tag, Tooltip } from "@app/components/v2";
import { CommitType, SecretV3Raw, TSecretApprovalSecChange, WsTag } from "@app/hooks/api/types"; import { CommitType, SecretV3Raw, TSecretApprovalSecChange, WsTag } from "@app/hooks/api/types";
import { twMerge } from "tailwind-merge";
export type Props = { export type Props = {
op: CommitType; op: CommitType;
@@ -107,8 +107,11 @@ export const SecretApprovalRequestChangeItem = ({
) : ( ) : (
<div className="relative"> <div className="relative">
{secretVersion?.secretValueHidden && ( {secretVersion?.secretValueHidden && (
<div className="absolute left-1 top-1/2 -translate-y-1/2"> <div className="absolute left-1 top-1/2 z-50 -translate-y-1/2">
<Tooltip content="You do not have access to view the old secret value."> <Tooltip
position="right"
content="You do not have access to view the old secret value."
>
<FontAwesomeIcon <FontAwesomeIcon
className="pl-2 text-mineshaft-300" className="pl-2 text-mineshaft-300"
size="sm" size="sm"
@@ -230,8 +233,11 @@ export const SecretApprovalRequestChangeItem = ({
) : ( ) : (
<div className="relative"> <div className="relative">
{newVersion?.secretValueHidden && ( {newVersion?.secretValueHidden && (
<div className="absolute left-1 top-1/2 -translate-y-1/2"> <div className="absolute left-1 top-1/2 z-50 -translate-y-1/2">
<Tooltip content="You do not have access to view the new secret value."> <Tooltip
position="right"
content="You do not have access to view the new secret value."
>
<FontAwesomeIcon <FontAwesomeIcon
className="pl-2 text-mineshaft-300" className="pl-2 text-mineshaft-300"
size="sm" size="sm"