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

fix: add brackets to main property for dialogtemplate

Browse source
This commit is contained in:
Daniel Avila 2023-04-01 19:42:09 -04:00
parent 8fa20d9356
commit 3121a3a6ba
2 changed files with 63 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

84
client/src/components/Endpoints/EditPresetDialog.jsx
View file

@ -78,49 +78,51 @@ const EditPresetDialog = ({ open, onOpenChange, preset: _preset }) => {
<DialogTemplate <DialogTemplate
title="Edit Preset" title="Edit Preset"
className="max-w-full sm:max-w-4xl" className="max-w-full sm:max-w-4xl"
main=<div className="flex w-full flex-col items-center gap-2"> main={
<div className="grid w-full gap-6 sm:grid-cols-2"> <div className="flex w-full flex-col items-center gap-2">
<div className="col-span-1 flex flex-col items-start justify-start gap-2"> <div className="grid w-full gap-6 sm:grid-cols-2">
<Label <div className="col-span-1 flex flex-col items-start justify-start gap-2">
htmlFor="chatGptLabel" <Label
className="text-left text-sm font-medium" htmlFor="chatGptLabel"
> className="text-left text-sm font-medium"
Preset Name >
</Label> Preset Name
<Input </Label>
id="chatGptLabel" <Input
value={preset?.title || ''} id="chatGptLabel"
onChange={e => setOption('title')(e.target.value || '')} value={preset?.title || ''}
placeholder="Set a custom name, in case you can find this preset" onChange={e => setOption('title')(e.target.value || '')}
className={cn( placeholder="Set a custom name, in case you can find this preset"
defaultTextProps, className={cn(
'flex h-10 max-h-10 w-full resize-none px-3 py-2 focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0' defaultTextProps,
)} 'flex h-10 max-h-10 w-full resize-none px-3 py-2 focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0'
/> )}
</div> />
<div className="col-span-1 flex flex-col items-start justify-start gap-2"> </div>
<Label <div className="col-span-1 flex flex-col items-start justify-start gap-2">
htmlFor="endpoint" <Label
className="text-left text-sm font-medium" htmlFor="endpoint"
> className="text-left text-sm font-medium"
Endpoint >
</Label> Endpoint
<Dropdown </Label>
id="endpoint" <Dropdown
value={preset?.endpoint || ''} id="endpoint"
onChange={setOption('endpoint')} value={preset?.endpoint || ''}
options={availableEndpoints} onChange={setOption('endpoint')}
className={cn( options={availableEndpoints}
defaultTextProps, className={cn(
'flex h-10 max-h-10 w-full resize-none focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0' defaultTextProps,
)} 'flex h-10 max-h-10 w-full resize-none focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0'
containerClassName="flex w-full resize-none" )}
/> containerClassName="flex w-full resize-none"
/>
</div>
</div> </div>
<div className="my-4 w-full border-t border-gray-300 dark:border-gray-500" />
<div className="w-full p-0">{renderSettings()}</div>
</div> </div>
<div className="my-4 w-full border-t border-gray-300 dark:border-gray-500" /> }
<div className="w-full p-0">{renderSettings()}</div>
</div>
selection={{ selection={{
selectHandler: submitPreset, selectHandler: submitPreset,
selectClasses: 'bg-green-600 hover:bg-green-700 dark:hover:bg-green-800 text-white', selectClasses: 'bg-green-600 hover:bg-green-700 dark:hover:bg-green-800 text-white',

38
client/src/components/Endpoints/SaveAsPresetDialog.jsx
View file

@ -44,24 +44,26 @@ const SaveAsPresetDialog = ({ open, onOpenChange, conversation }) => {
> >
<DialogTemplate <DialogTemplate
title="Save As Preset" title="Save As Preset"
main=<div className="grid w-full items-center gap-2"> main={
<Label <div className="grid w-full items-center gap-2">
htmlFor="chatGptLabel" <Label
className="text-left text-sm font-medium" htmlFor="chatGptLabel"
> className="text-left text-sm font-medium"
Preset Name >
</Label> Preset Name
<Input </Label>
id="chatGptLabel" <Input
value={title || ''} id="chatGptLabel"
onChange={e => setTitle(e.target.value || '')} value={title || ''}
placeholder="Set a custom name, in case you can find this preset" onChange={e => setTitle(e.target.value || '')}
className={cn( placeholder="Set a custom name, in case you can find this preset"
defaultTextProps, className={cn(
'flex h-10 max-h-10 w-full resize-none px-3 py-2 focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0' defaultTextProps,
)} 'flex h-10 max-h-10 w-full resize-none px-3 py-2 focus:outline-none focus:ring-0 focus:ring-opacity-0 focus:ring-offset-0'
/> )}
</div> />
</div>
}
selection={{ selection={{
selectHandler: submitPreset, selectHandler: submitPreset,
selectClasses: 'bg-green-600 hover:bg-green-700 dark:hover:bg-green-800 text-white', selectClasses: 'bg-green-600 hover:bg-green-700 dark:hover:bg-green-800 text-white',