File size: 884 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | import { useTranslation } from "react-i18next";
import { I18nKey } from "#/i18n/declaration";
import LockIcon from "#/icons/lock.svg?react";
import { useSettings } from "#/hooks/query/use-settings";
import { StyledTooltip } from "#/components/shared/buttons/styled-tooltip";
function ConfirmationModeEnabled() {
const { t } = useTranslation("openhands");
const { data: settings } = useSettings();
if (!settings?.confirmation_mode) {
return null;
}
return (
<StyledTooltip
closeDelay={100}
content={t(I18nKey.COMMON$CONFIRMATION_MODE_ENABLED)}
tooltipClassName="bg-white text-black hover:bg-transparent"
>
<div className="flex items-center justify-center w-[26px] h-[26px] rounded-lg bg-[var(--oh-surface)]">
<LockIcon width={15} height={15} />
</div>
</StyledTooltip>
);
}
export default ConfirmationModeEnabled;
|