diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/TabStylization.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/TabStylization.tsx index 85d1fc5dea..d4ee6b842d 100644 --- a/app/pages/PageEnigma/comps/SidePanelTabs/TabStylization.tsx +++ b/app/pages/PageEnigma/comps/SidePanelTabs/TabStylization.tsx @@ -10,16 +10,32 @@ import { import { AppUiContext } from '../../contexts/AppUiContext'; import { APPUI_ACTION_TYPES } from '../../reducers'; import { APPUI_VIEW_MODES } from '../../reducers'; - +import { EngineContext } from '../../contexts/EngineContext'; +import { ArtStyle } from '../../js/api_manager'; export const TabStylization = ()=>{ const [appUiState, dispatchAppUiState] = useContext(AppUiContext); const [ selection, setSelection ] = useState("Anime"); - const handlePickingStylizer = (picked:string)=>{ + + const editorEngine = useContext(EngineContext); + + const handlePickingStylizer = (picked:ArtStyle)=>{ console.log(`Picked style: ${picked}`); + if (editorEngine == null) { console.log("Editor is null"); return;} + editorEngine.art_style = picked setSelection(picked); } + const onChangeHandlerNegative = (e:React.ChangeEvent) => { + if (editorEngine == null) { console.log("Editor is null"); return;} + editorEngine.negative_prompt = e.target.value + console.log(e.target.value) + } + const onChangeHandlerPositive = (e:React.ChangeEvent) => { + if (editorEngine == null) { console.log("Editor is null"); return;} + editorEngine.positive_prompt = e.target.value + console.log(e.target.value) + } const handleChangeViewMode = ()=>{ if(dispatchAppUiState!==null){ dispatchAppUiState({ @@ -37,25 +53,25 @@ export const TabStylization = ()=>{
@@ -65,14 +81,16 @@ export const TabStylization = ()=>{