awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 14:27:59 +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
frontend/src/views/SecretMainPage/components/CreateSecretForm/CreateSecretForm.tsx
+13 -5
View File
@@ -61,6 +61,8 @@ export const CreateSecretForm = ({
); );
const secretKeyInputRef = useRef<HTMLInputElement>(null); const secretKeyInputRef = useRef<HTMLInputElement>(null);
const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
const secretKey = watch("key"); const secretKey = watch("key");
const slugSchema = z.string().trim().toLowerCase().min(1); const slugSchema = z.string().trim().toLowerCase().min(1);
@@ -122,12 +124,11 @@ export const CreateSecretForm = ({
secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length; secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
if (!secretKey || isWholeKeyHighlighted) { if (!secretKey || isWholeKeyHighlighted) {
e.preventDefault();
setValue("key", key); setValue("key", key);
setValue("value", value); setValue("value", value);
} }
if (!secretKey) {
e.preventDefault();
}
}; };
return ( return (
@@ -139,8 +140,15 @@ export const CreateSecretForm = ({
errorText={errors?.key?.message} errorText={errors?.key?.message}
> >
<Input <Input
{...register("key")} {...secretKeyRegisterRest}
ref={secretKeyInputRef} 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" placeholder="Type your secret name"
onPaste={handlePaste} onPaste={handlePaste}
autoCapitalization={autoCapitalize} autoCapitalization={autoCapitalize}
frontend/src/views/SecretOverviewPage/components/CreateSecretForm/CreateSecretForm.tsx
+13 -5
View File
@@ -63,6 +63,8 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
); );
const secretKeyInputRef = useRef<HTMLInputElement>(null); const secretKeyInputRef = useRef<HTMLInputElement>(null);
const { ref: setSecretKeyHookRef, ...secretKeyRegisterRest } = register("key");
const secretKey = watch("key"); const secretKey = watch("key");
const handleFormSubmit = async ({ key, value, environments: selectedEnv, tags }: TFormSchema) => { 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; secretKeyInputRef.current.selectionEnd === secretKeyInputRef.current.value.length;
if (!secretKey || isWholeKeyHighlighted) { if (!secretKey || isWholeKeyHighlighted) {
e.preventDefault();
setValue("key", key); setValue("key", key);
setValue("value", value); setValue("value", value);
} }
if (!secretKey) {
e.preventDefault();
}
}; };
const createWsTag = useCreateWsTag(); const createWsTag = useCreateWsTag();
@@ -202,8 +203,15 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
errorText={errors?.key?.message} errorText={errors?.key?.message}
> >
<Input <Input
{...register("key")} {...secretKeyRegisterRest}
ref={secretKeyInputRef} 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" placeholder="Type your secret name"
onPaste={handlePaste} onPaste={handlePaste}
autoCapitalization={currentWorkspace?.autoCapitalization} autoCapitalization={currentWorkspace?.autoCapitalization}