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

feat: parse full env secrets (key,value) when pasted from clipboard

Browse Source
This commit is contained in:
lemmyMwaura
2024-08-01 14:22:22 +03:00
parent 520c068ac4
commit afba636850
2 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
import { ClipboardEvent } from 'react';
import { Controller, useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
@@ -38,6 +39,7 @@ export const CreateSecretForm = ({
handleSubmit,
control,
reset,
setValue,
formState: { errors, isSubmitting }
} = useForm<TFormSchema>({ resolver: zodResolver(typeSchema) });
const { isOpen } = usePopUpState(PopUpNames.CreateSecretForm);
@@ -73,6 +75,20 @@ export const CreateSecretForm = ({
}
};
const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
e.preventDefault();
const pastedContent = e.clipboardData.getData('text');
const splitIndex = pastedContent.indexOf("=");
if (splitIndex == -1) return
const key = pastedContent.slice(0, splitIndex)
const value = pastedContent.slice(splitIndex + 1);
setValue('key', key);
setValue('value', value);
}
return (
<Modal
isOpen={isOpen}
@@ -87,6 +103,7 @@ export const CreateSecretForm = ({
<Input
{...register("key")}
placeholder="Type your secret name"
onPaste={handlePaste}
autoCapitalization={autoCapitalize}
/>
</FormControl>

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

@@ -1,3 +1,4 @@
import { ClipboardEvent } from 'react';
import { Controller, useForm } from "react-hook-form";
import { faWarning } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -54,6 +55,7 @@ export const CreateSecretForm = ({
control,
reset,
watch,
setValue,
formState: { isSubmitting, errors }
} = useForm<TFormSchema>({ resolver: zodResolver(typeSchema) });
const newSecretKey = watch("key");
@@ -133,6 +135,21 @@ export const CreateSecretForm = ({
});
}
};
const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
e.preventDefault();
const pastedContent = e.clipboardData.getData('text');
const splitIndex = pastedContent.indexOf("=");
if (splitIndex == -1) return
const key = pastedContent.slice(0, splitIndex)
const value = pastedContent.slice(splitIndex + 1);
setValue('key', key);
setValue('value', value);
}
return (
<Modal isOpen={isOpen} onOpenChange={onTogglePopUp}>
<ModalContent
@@ -145,6 +162,7 @@ export const CreateSecretForm = ({
<Input
{...register("key")}
placeholder="Type your secret name"
onPaste={handlePaste}
autoCapitalization={currentWorkspace?.autoCapitalization}
/>
</FormControl>