Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-18 09:20:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🗨️ fix: respect line breaks in prompt variables (#3459)

Browse source 
* fix: always display new lines in PromptEditor

* fix: allow multiline inputs in prompt template
This commit is contained in:
Jacob Colyvan 2024-07-28 06:02:34 +08:00 • committed by GitHub
parent 14eff23b57
commit d4d56281e3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/Prompts/Groups/VariableForm.tsx
View file

@ -3,7 +3,7 @@ import { useForm, useFieldArray, Controller, useWatch } from 'react-hook-form';
import type { TPromptGroup } from 'librechat-data-provider';
import { extractVariableInfo, wrapVariable, replaceSpecialVars } from '~/utils';
import { useAuthContext, useLocalize, useSubmitMessage } from '~/hooks';
import { Input } from '~/components/ui';
import { Textarea } from '~/components/ui';
type FormValues = {
fields: { variable: string; value: string }[];
@ -103,11 +103,18 @@ export default function VariableForm({
name={`fields.${index}.value`}
control={control}
render={({ field }) => (
<Input
<Textarea
{...field}
id={`fields.${index}.value`}
className="input text-grey-darker rounded border px-3 py-2 focus:bg-white dark:border-gray-500 dark:focus:bg-gray-700"
className="input text-grey-darker h-10 rounded border px-3 py-2 focus:bg-white dark:border-gray-500 dark:focus:bg-gray-700"
placeholder={uniqueVariables[index]}
onKeyDown={(e) => {
// Submit the form on enter like you would with an Input component
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
handleSubmit((data) => onSubmit(data))();
}
}}
/>
)}
/>