diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/StylizeTab/Prompts.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/StylizeTab/Prompts.tsx index d9dd76c1ab..294c332813 100644 --- a/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/StylizeTab/Prompts.tsx +++ b/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/StylizeTab/Prompts.tsx @@ -2,14 +2,16 @@ import { ChangeEvent, useContext, useEffect } from "react"; import { Textarea } from "~/components"; import { EngineContext } from "~/pages/PageEnigma/contexts/EngineContext"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faRandom } from "@fortawesome/pro-solid-svg-icons"; import { - RandomTextsPositive, - RandomTextsNegative, -} from "~/pages/PageEnigma/constants/RandomTexts"; + faChevronDown, + faChevronUp, + faRandom, +} from "@fortawesome/pro-solid-svg-icons"; +import { RandomTextsPositive } from "~/pages/PageEnigma/constants/RandomTexts"; import { ArtStyle } from "~/pages/PageEnigma/Editor/api_manager"; import { promptsStore } from "~/pages/PageEnigma/signals"; import { useSignals } from "@preact/signals-react/runtime"; +import { Transition } from "@headlessui/react"; interface Props { selection: ArtStyle; @@ -33,16 +35,6 @@ export const Prompts = ({ selection }: Props) => { editorEngine.positive_prompt = randomTextPositive; promptsStore.textBufferPositive.value = randomTextPositive; } - - if (!promptsStore.isUserInputNegative.value) { - const randomIndexNegative = Math.floor( - Math.random() * RandomTextsNegative[selection].length, - ); - const randomTextNegative = - RandomTextsNegative[selection][randomIndexNegative]; - editorEngine.negative_prompt = randomTextNegative; - promptsStore.textBufferNegative.value = randomTextNegative; - } }, [selection, editorEngine]); const onChangeHandlerNegative = (event: ChangeEvent) => { @@ -77,18 +69,6 @@ export const Prompts = ({ selection }: Props) => { promptsStore.textBufferPositive.value = randomText; }; - const generateRandomTextNegative = () => { - const randomIndex = Math.floor( - Math.random() * RandomTextsNegative[selection].length, - ); - const randomText = RandomTextsNegative[selection][randomIndex]; - if (editorEngine !== null) { - editorEngine.negative_prompt = randomText; - } - promptsStore.isUserInputNegative.value = false; - promptsStore.textBufferNegative.value = randomText; - }; - return (
@@ -104,34 +84,54 @@ export const Prompts = ({ selection }: Props) => { />
- -
-