Spaces:
Runtime error
Runtime error
File size: 2,125 Bytes
0971cc4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
"use client";
import ClearChatsButton from "./settings-clear-chats";
import SettingsThemeToggle from "./settings-theme-toggle";
import SystemPrompt, { SystemPromptProps } from "./system-prompt";
import { Input } from "./ui/input";
const TemperatureSlider = ({
chatOptions,
setChatOptions,
}: SystemPromptProps) => {
const handleTemperatureChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setChatOptions({ ...chatOptions, temperature: parseFloat(e.target.value) });
};
return (
<div>
<div className="mx-2 flex align-middle gap-4 items-center justify-between
">
<label
htmlFor="small-input"
className="text-xs font-medium text-gray-900 dark:text-white align-middle"
>
Temperature
</label>
<Input
type="text"
id="small-input"
className="w-1/4 text-gray-900 hover:border hover:border-gray-300 rounded-sm hover:bg-gray-200 text-xs focus:ring-blue-500 focus:border-blue-500 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 h-6
text-right
"
value={chatOptions.temperature}
onChange={handleTemperatureChange}
min={0}
max={2}
step={0.1}
/>
</div>
<div className="p-2">
<input
id="labels-range-input"
type="range"
value={chatOptions.temperature}
onChange={handleTemperatureChange}
min="0.0"
max="2.0"
step="0.1"
className="w-full h-1 bg-gray-200 rounded-sm appearance-none cursor-pointer range-sm dark:bg-gray-700"
/>
</div>
</div>
);
};
export default function Settings({
chatOptions,
setChatOptions,
}: SystemPromptProps) {
return (
<>
<SystemPrompt chatOptions={chatOptions} setChatOptions={setChatOptions} />
<TemperatureSlider
chatOptions={chatOptions}
setChatOptions={setChatOptions}
/>
<SettingsThemeToggle />
<ClearChatsButton />
</>
);
}
|