requested changes

This commit is contained in:
Daniel Hougaard
2025-09-23 23:36:24 +04:00
parent b09c4d6be5
commit 9948cdb379
2 changed files with 25 additions and 1 deletions

View File

@@ -118,7 +118,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
onInput={handleInput}
className={twMerge(
leftIcon ? "pl-10" : "pl-2.5",
rightIcon ? "pr-10" : "pr-2.5",
rightIcon || warning ? "pr-10" : "pr-2.5",
inputVariants({ className, isError, size, isRounded, variant })
)}
/>

View File

@@ -487,6 +487,30 @@ export const SecretItem = memo(
placeholder={error?.message}
isError={Boolean(error)}
onKeyUp={() => trigger("key")}
warning={
field?.value !== (originalSecret.originalKey || originalSecret.key) &&
field.value?.includes(" ") ? (
<Tooltip
className={"w-full max-w-72"}
content={
<div>
Secret key contains whitespaces.
<br />
<br /> If this is the desired format, you need to provide it as{" "}
<code className="rounded-md bg-mineshaft-500 px-1 py-0.5">
{encodeURIComponent(field.value.trim())}
</code>{" "}
when making API requests.
</div>
}
>
<FontAwesomeIcon
icon={faWarning}
className="text-yellow-600 opacity-60"
/>
</Tooltip>
) : undefined
}
{...field}
className="w-full px-0 placeholder:text-red-500 focus:text-bunker-100 focus:ring-transparent"
/>