64ed90d993
- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files. - Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter. - Updated project structure and references to reflect these removals.
59 lines
2.2 KiB
TypeScript
59 lines
2.2 KiB
TypeScript
import InputField from "@/components/form/InputField";
|
|
import TextAreaInput from "@/components/form/TextAreaInput";
|
|
import {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect} from "react";
|
|
import {Wand2} from "lucide-react";
|
|
import {AlertContext} from "@/context/AlertContext";
|
|
import {apiGet} from "@/lib/api/client";
|
|
import {SessionContext} from "@/context/SessionContext";
|
|
import {BookContext} from "@/context/BookContext";
|
|
import {LangContext, LangContextProps} from "@/context/LangContext";
|
|
import {useTranslations} from "@/lib/i18n";
|
|
|
|
interface GhostWriterSettingsProps {
|
|
advancedPrompt: string;
|
|
setAdvancedPrompt: Dispatch<SetStateAction<string>>;
|
|
}
|
|
|
|
export default function GhostWriterSettings(
|
|
{
|
|
advancedPrompt,
|
|
setAdvancedPrompt
|
|
}: GhostWriterSettingsProps) {
|
|
const {errorMessage} = useContext(AlertContext);
|
|
const {session} = useContext(SessionContext);
|
|
const t = useTranslations();
|
|
const {lang} = useContext<LangContextProps>(LangContext)
|
|
const {book} = useContext(BookContext);
|
|
|
|
useEffect((): void => {
|
|
getAdvancedSettings().catch();
|
|
}, []);
|
|
|
|
async function getAdvancedSettings(): Promise<void> {
|
|
try {
|
|
const setting: string = await apiGet<string>(`quillsense/ghostwriter/advanced-settings`, session.accessToken, lang, {
|
|
bookId: book?.bookId
|
|
});
|
|
if (setting) {
|
|
setAdvancedPrompt(setting);
|
|
}
|
|
} catch (e: unknown) {
|
|
if (e instanceof Error) {
|
|
errorMessage(e.message);
|
|
} else {
|
|
errorMessage(t('ghostwriter.settings.unknownError'));
|
|
}
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className={`p-4 lg:p-5 space-y-5 overflow-y-auto flex-grow custom-scrollbar`}>
|
|
<InputField input={<TextAreaInput value={advancedPrompt}
|
|
setValue={(e: ChangeEvent<HTMLTextAreaElement>): void => setAdvancedPrompt(e.target.value)}
|
|
placeholder={`Information complémentaire pour la génération...`}
|
|
maxLength={600}/>}
|
|
fieldName={`Prompt additionnel`} icon={Wand2}/>
|
|
</div>
|
|
);
|
|
}
|