LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 16:43:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

(fix:locales) sync static text

Browse Source
This commit is contained in:
ManishMadan2882
2025-01-16 18:24:27 +05:30
parent cbcb717aee
commit cc78ea7222
14 changed files with 383 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/preferences/PromptsModal.tsx
View File

@@ -2,6 +2,7 @@ import { ActiveState } from '../models/misc';
import Exit from '../assets/exit.svg';
import Input from '../components/Input';
import React from 'react';
import { useTranslation } from 'react-i18next';
function AddPrompt({
setModalState,
@@ -20,6 +21,8 @@ function AddPrompt({
setNewPromptContent: (content: string) => void;
disableSave: boolean;
}) {
const { t } = useTranslation();
return (
<div className="relative">
<button
@@ -34,14 +37,14 @@ function AddPrompt({
</button>
<div className="p-8">
<p className="mb-1 text-xl text-jet dark:text-bright-gray">
Add Prompt
{t('modals.prompts.addPrompt')}
</p>
<p className="mb-7 text-xs text-[#747474] dark:text-[#7F7F82]">
Add your custom prompt and save it to DocsGPT
{t('modals.prompts.addDescription')}
</p>
<div>
<Input
placeholder="Prompt Name"
placeholder={t('modals.prompts.promptName')}
type="text"
className="h-10 rounded-lg"
value={newPromptName}
@@ -49,12 +52,12 @@ function AddPrompt({
/>
<div className="relative bottom-12 left-3 mt-[-3.00px]">
<span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
Prompt Name
{t('modals.prompts.promptName')}
</span>
</div>
<div className="relative top-[7px] left-3">
<span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
Prompt Text
{t('modals.prompts.promptText')}
</span>
</div>
<textarea
@@ -68,9 +71,11 @@ function AddPrompt({
onClick={handleAddPrompt}
className="rounded-3xl bg-purple-30 px-5 py-2 text-sm text-white transition-all hover:opacity-90"
disabled={disableSave}
title={disableSave && newPromptName ? 'Name already exists' : ''}
title={
disableSave && newPromptName ? t('modals.prompts.nameExists') : ''
}
>
Save
{t('modals.prompts.save')}
</button>
</div>
</div>
@@ -97,6 +102,8 @@ function EditPrompt({
currentPromptEdit: { name: string; id: string; type: string };
disableSave: boolean;
}) {
const { t } = useTranslation();
return (
<div className="relative">
<button
@@ -109,14 +116,14 @@ function EditPrompt({
</button>
<div className="p-8">
<p className="mb-1 text-xl text-jet dark:text-bright-gray">
Edit Prompt
{t('modals.prompts.editPrompt')}
</p>
<p className="mb-7 text-xs text-[#747474] dark:text-[#7F7F82]">
Edit your custom prompt and save it to DocsGPT
{t('modals.prompts.editDescription')}
</p>
<div>
<Input
placeholder="Prompt Name"
placeholder={t('modals.prompts.promptName')}
type="text"
className="h-10 rounded-lg"
value={editPromptName}
@@ -124,12 +131,12 @@ function EditPrompt({
></Input>
<div className="relative bottom-12 left-3 mt-[-3.00px]">
<span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
Prompt Name
{t('modals.prompts.promptName')}
</span>
</div>
<div className="relative top-[7px] left-3">
<span className="bg-white px-1 text-xs text-silver dark:bg-outer-space dark:text-silver">
Prompt Text
{t('modals.prompts.promptText')}
</span>
</div>
<textarea
@@ -150,9 +157,13 @@ function EditPrompt({
handleEditPrompt(currentPromptEdit.id, currentPromptEdit.type);
}}
disabled={currentPromptEdit.type === 'public' || disableSave}
title={disableSave && editPromptName ? 'Name already exists' : ''}
title={
disableSave && editPromptName
? t('modals.prompts.nameExists')
: ''
}
>
Save
{t('modals.prompts.save')}
</button>
</div>
</div>