mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-18 17:30:16 +01:00
save custom settings in progress
This commit is contained in:
parent
214228542a
commit
9a56130750
1 changed files with 15 additions and 6 deletions
|
|
@ -72,8 +72,10 @@ export default function ModelMenu() {
|
||||||
'text-gray-500',
|
'text-gray-500',
|
||||||
'hover:bg-gray-100',
|
'hover:bg-gray-100',
|
||||||
'disabled:hover:bg-transparent',
|
'disabled:hover:bg-transparent',
|
||||||
|
'dark:hover:bg-opacity-40',
|
||||||
'dark:hover:bg-gray-900',
|
'dark:hover:bg-gray-900',
|
||||||
'dark:hover:text-gray-400',
|
'dark:hover:text-gray-400',
|
||||||
|
'dark:data-[state=open]:bg-transparent',
|
||||||
'dark:disabled:hover:bg-transparent'
|
'dark:disabled:hover:bg-transparent'
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -85,6 +87,7 @@ export default function ModelMenu() {
|
||||||
'dark:hover:bg-opacity-50',
|
'dark:hover:bg-opacity-50',
|
||||||
'dark:hover:bg-green-900',
|
'dark:hover:bg-green-900',
|
||||||
'dark:hover:text-gray-100',
|
'dark:hover:text-gray-100',
|
||||||
|
// 'dark:data-[state=open]:bg-green-100',
|
||||||
'dark:disabled:hover:bg-transparent'
|
'dark:disabled:hover:bg-transparent'
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -107,23 +110,23 @@ export default function ModelMenu() {
|
||||||
{icon}
|
{icon}
|
||||||
</Button>
|
</Button>
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
<DropdownMenuContent className="w-56">
|
<DropdownMenuContent className="w-56 dark:bg-gray-700">
|
||||||
<DropdownMenuLabel>Select a Model</DropdownMenuLabel>
|
<DropdownMenuLabel>Select a Model</DropdownMenuLabel>
|
||||||
<DropdownMenuSeparator />
|
<DropdownMenuSeparator />
|
||||||
<DropdownMenuRadioGroup
|
<DropdownMenuRadioGroup
|
||||||
value={model}
|
value={model}
|
||||||
onValueChange={onChange}
|
onValueChange={onChange}
|
||||||
>
|
>
|
||||||
<DropdownMenuRadioItem value="chatgpt">
|
<DropdownMenuRadioItem value="chatgpt" className="dark:font-semibold">
|
||||||
ChatGPT <sup>$</sup>
|
ChatGPT <sup>$</sup>
|
||||||
</DropdownMenuRadioItem>
|
</DropdownMenuRadioItem>
|
||||||
<DialogTrigger asChild>
|
<DialogTrigger asChild>
|
||||||
<DropdownMenuRadioItem value="chatgptCustom">
|
<DropdownMenuRadioItem value="chatgptCustom" className="dark:font-semibold">
|
||||||
CustomGPT <sup>$</sup>
|
CustomGPT <sup>$</sup>
|
||||||
</DropdownMenuRadioItem>
|
</DropdownMenuRadioItem>
|
||||||
</DialogTrigger>
|
</DialogTrigger>
|
||||||
<DropdownMenuRadioItem value="bingai">BingAI</DropdownMenuRadioItem>
|
<DropdownMenuRadioItem value="bingai" className="dark:font-semibold">BingAI</DropdownMenuRadioItem>
|
||||||
<DropdownMenuRadioItem value="chatgptBrowser">ChatGPT</DropdownMenuRadioItem>
|
<DropdownMenuRadioItem value="chatgptBrowser" className="dark:font-semibold">ChatGPT</DropdownMenuRadioItem>
|
||||||
</DropdownMenuRadioGroup>
|
</DropdownMenuRadioGroup>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
|
|
@ -152,7 +155,7 @@ export default function ModelMenu() {
|
||||||
onChange={(e) => setChatGptLabel(e.target.value)}
|
onChange={(e) => setChatGptLabel(e.target.value)}
|
||||||
placeholder="Set a custom name for ChatGPT"
|
placeholder="Set a custom name for ChatGPT"
|
||||||
className="col-span-3 invalid:border-red-400 invalid:text-red-600 invalid:placeholder-red-600 invalid:placeholder-opacity-70
|
className="col-span-3 invalid:border-red-400 invalid:text-red-600 invalid:placeholder-red-600 invalid:placeholder-opacity-70
|
||||||
focus:ring-opacity-20 focus:invalid:border-red-400 focus:invalid:ring-red-400 focus:invalid:ring-opacity-20"
|
focus:ring-opacity-20 focus:invalid:border-red-400 focus:invalid:ring-red-400 focus:invalid:ring-opacity-20 dark:invalid:border-red-600 dark:invalid:text-red-300 dark:focus:invalid:ring-red-600"
|
||||||
{...requiredProp}
|
{...requiredProp}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -174,6 +177,12 @@ export default function ModelMenu() {
|
||||||
</div>
|
</div>
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
<DialogClose>Cancel</DialogClose>
|
<DialogClose>Cancel</DialogClose>
|
||||||
|
<Button
|
||||||
|
style={{backgroundColor: 'rgb(16, 163, 127)'}}
|
||||||
|
className="inline-flex h-10 items-center justify-center rounded-md border-none py-2 px-4 text-sm font-semibold text-white transition-colors"
|
||||||
|
>
|
||||||
|
Save
|
||||||
|
</Button>
|
||||||
<DialogClose
|
<DialogClose
|
||||||
onClick={submitHandler}
|
onClick={submitHandler}
|
||||||
className="inline-flex h-10 items-center justify-center rounded-md border-none bg-slate-900 py-2 px-4 text-sm font-semibold text-white transition-colors hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900"
|
className="inline-flex h-10 items-center justify-center rounded-md border-none bg-slate-900 py-2 px-4 text-sm font-semibold text-white transition-colors hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue