awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: requested changes

Browse Source
This commit is contained in:
Daniel Hougaard
2024-12-11 21:44:42 +04:00
parent 3a8219db03
commit 422fd27b9a
2 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
View File

@@ -61,6 +61,8 @@ export const CreateSecretForm = ({
);
const secretKeyInputRef = useRef<HTMLInputElement>(null);
const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
const secretKey = watch("key");
const slugSchema = z.string().trim().toLowerCase().min(1);
@@ -122,12 +124,11 @@ export const CreateSecretForm = ({
secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
if (!secretKey || isWholeKeyHighlighted) {
e.preventDefault();
setValue("key", key);
setValue("value", value);
}
if (!secretKey) {
e.preventDefault();
}
};
return (
@@ -139,8 +140,15 @@ export const CreateSecretForm = ({
errorText={errors?.key?.message}
>
<Input
{...register("key")}
ref={secretKeyInputRef}
{...secretKeyRegisterRest}
ref={(e) => {
setSecretKeyHookRef(e);
// Can't directly set secretKeyInputRef.current = e, because of read-only property definitions
Object.defineProperty(secretKeyInputRef, "current", {
value: e,
writable: true
});
}}
placeholder="Type your secret name"
onPaste={handlePaste}
autoCapitalization={autoCapitalize}

18
frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
View File

@@ -63,6 +63,8 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
);
const secretKeyInputRef = useRef<HTMLInputElement>(null);
const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
const secretKey = watch("key");
const handleFormSubmit = async ({ key, value, environments: selectedEnv, tags }: TFormSchema) => {
@@ -166,12 +168,11 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
if (!secretKey || isWholeKeyHighlighted) {
e.preventDefault();
setValue("key", key);
setValue("value", value);
}
if (!secretKey) {
e.preventDefault();
}
};
const createWsTag = useCreateWsTag();
@@ -202,8 +203,15 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
errorText={errors?.key?.message}
>
<Input
{...register("key")}
ref={secretKeyInputRef}
{...secretKeyRegisterRest}
ref={(e) => {
setSecretKeyHookRef(e);
// Can't directly set secretKeyInputRef.current = e, because of read-only property definitions
Object.defineProperty(secretKeyInputRef, "current", {
value: e,
writable: true
});
}}
placeholder="Type your secret name"
onPaste={handlePaste}
autoCapitalization={currentWorkspace?.autoCapitalization}