LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-12-03 10:33:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/arc53/DocsGPT

Browse Source
This commit is contained in:
GH Action - Upstream Sync
2025-07-19 01:47:09 +00:00
parent fcb334ce33 969cdb4a63
commit f952046847
6 changed files with 419 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/settings/General.tsx
View File

@@ -88,7 +88,7 @@ export default function General() {
{' '}
<div className="flex flex-col gap-4">
{' '}
<label className="text-base font-medium text-jet dark:text-bright-gray">
<label className="text-jet dark:text-bright-gray text-base font-medium">
{t('settings.general.selectTheme')}
</label>
<Dropdown
@@ -106,7 +106,7 @@ export default function General() {
/>
</div>
<div className="flex flex-col gap-4">
<label className="text-base font-medium text-jet dark:text-bright-gray">
<label className="text-jet dark:text-bright-gray text-base font-medium">
{t('settings.general.selectLanguage')}
</label>
<Dropdown
@@ -124,7 +124,7 @@ export default function General() {
/>
</div>
<div className="flex flex-col gap-4">
<label className="text-base font-medium text-jet dark:text-bright-gray">
<label className="text-jet dark:text-bright-gray text-base font-medium">
{t('settings.general.chunks')}
</label>
<Dropdown
@@ -137,7 +137,7 @@ export default function General() {
/>
</div>
<div className="flex flex-col gap-4">
<label className="text-base font-medium text-jet dark:text-bright-gray">
<label className="text-jet dark:text-bright-gray text-base font-medium">
{t('settings.general.convHistory')}
</label>
<Dropdown
@@ -169,13 +169,14 @@ export default function General() {
dispatch(setPrompt({ name: name, id: id, type: type }))
}
setPrompts={setPrompts}
dropdownProps={{ size: 'w-56', rounded: '3xl', border: 'border' }}
/>
</div>
<hr className="my-4 w-[calc(min(665px,100%))] border-t border-silver dark:border-silver/40" />
<hr className="border-silver dark:border-silver/40 my-4 w-[calc(min(665px,100%))] border-t" />
<div className="flex flex-col gap-2">
<button
title={t('settings.general.deleteAllLabel')}
className="flex w-fit cursor-pointer items-center justify-between rounded-3xl border border-solid border-rosso-corsa bg-transparent px-5 py-3 text-sm font-medium tracking-[0.015em] text-rosso-corsa transition-colors hover:bg-rosso-corsa hover:font-bold hover:tracking-normal hover:text-white"
className="border-rosso-corsa text-rosso-corsa hover:bg-rosso-corsa flex w-fit cursor-pointer items-center justify-between rounded-3xl border border-solid bg-transparent px-5 py-3 text-sm font-medium tracking-[0.015em] transition-colors hover:font-bold hover:tracking-normal hover:text-white"
onClick={() => dispatch(setModalStateDeleteConv('ACTIVE'))}
>
{t('settings.general.deleteAllBtn')}

63
frontend/src/settings/Prompts.tsx
View File

@@ -4,17 +4,29 @@ import { useSelector } from 'react-redux';
import userService from '../api/services/userService';
import Dropdown from '../components/Dropdown';
import { DropdownProps } from '../components/types/Dropdown.types';
import ConfirmationModal from '../modals/ConfirmationModal';
import { ActiveState, PromptProps } from '../models/misc';
import { selectToken } from '../preferences/preferenceSlice';
import PromptsModal from '../preferences/PromptsModal';
import ConfirmationModal from '../modals/ConfirmationModal';
type ExtendedPromptProps = PromptProps & {
title?: string;
titleClassName?: string;
dropdownProps?: Partial<DropdownProps>;
showAddButton?: boolean;
};
export default function Prompts({
prompts,
selectedPrompt,
onSelectPrompt,
setPrompts,
}: PromptProps) {
title,
titleClassName = 'dark:text-bright-gray font-medium',
dropdownProps = {},
showAddButton = true,
}: ExtendedPromptProps) {
const handleSelectPrompt = ({
name,
id,
@@ -27,6 +39,7 @@ export default function Prompts({
setEditPromptName(name);
onSelectPrompt(name, id, type);
};
const token = useSelector(selectToken);
const [newPromptName, setNewPromptName] = React.useState('');
const [newPromptContent, setNewPromptContent] = React.useState('');
@@ -164,18 +177,19 @@ export default function Prompts({
return (
<>
<div>
<div className="flex flex-col gap-4">
<p className="font-medium dark:text-bright-gray">
{t('settings.general.prompt')}
<div className="flex flex-col gap-3">
<p className={titleClassName}>
{title ? title : t('settings.general.prompt')}
</p>
<div className="flex flex-row items-baseline justify-start gap-6">
<div className="flex flex-row flex-wrap items-baseline justify-start gap-6">
<Dropdown
options={prompts}
selectedValue={selectedPrompt.name}
options={prompts.map((prompt: any) =>
typeof prompt === 'string'
? { name: prompt, id: prompt, type: '' }
: prompt,
)}
selectedValue={selectedPrompt ? selectedPrompt.name : ''}
onSelect={handleSelectPrompt}
size="w-56"
rounded="3xl"
border="border"
showEdit
showDelete={(prompt) => prompt.type !== 'public'}
onEdit={({
@@ -185,26 +199,29 @@ export default function Prompts({
}: {
id: string;
name: string;
type: string;
type?: string;
}) => {
setModalType('EDIT');
setEditPromptName(name);
handleFetchPromptContent(id);
setCurrentPromptEdit({ id: id, name: name, type: type });
setCurrentPromptEdit({ id: id, name: name, type: type ?? '' });
setModalState('ACTIVE');
}}
onDelete={handleDeletePrompt}
placeholder={'Select a prompt'}
{...dropdownProps}
/>
<button
className="h-10 w-20 rounded-3xl border border-solid border-violets-are-blue text-sm text-violets-are-blue transition-colors hover:bg-violets-are-blue hover:text-white"
onClick={() => {
setModalType('ADD');
setModalState('ACTIVE');
}}
>
{t('settings.general.add')}
</button>
{showAddButton && (
<button
className="border-violets-are-blue text-violets-are-blue hover:bg-violets-are-blue h-10 w-20 rounded-3xl border border-solid text-sm transition-colors hover:text-white"
onClick={() => {
setModalType('ADD');
setModalState('ACTIVE');
}}
>
{t('settings.general.add')}
</button>
)}
</div>
</div>
</div>