diff --git a/apps/computer-vision/app/text_to_image/index.tsx b/apps/computer-vision/app/text_to_image/index.tsx index eff457dc5..266cbed44 100644 --- a/apps/computer-vision/app/text_to_image/index.tsx +++ b/apps/computer-vision/app/text_to_image/index.tsx @@ -18,7 +18,7 @@ export default function TextToImageScreen() { const [inferenceStepIdx, setInferenceStepIdx] = useState(0); const [imageTitle, setImageTitle] = useState(null); const [image, setImage] = useState(null); - const [steps, setSteps] = useState(10); + const [steps, setSteps] = useState(40); const [showTextInput, setShowTextInput] = useState(false); const [keyboardVisible, setKeyboardVisible] = useState(false); @@ -115,6 +115,8 @@ export default function TextToImageScreen() { void; stopModel: () => void; + numSteps: number; + setSteps: React.Dispatch>; isGenerating?: boolean; isReady?: boolean; showTextInput: boolean; @@ -24,6 +26,8 @@ interface BottomBarProps { export const BottomBarWithTextInput = ({ runModel, stopModel, + numSteps, + setSteps, isGenerating, isReady, showTextInput, @@ -31,10 +35,9 @@ export const BottomBarWithTextInput = ({ keyboardVisible, }: BottomBarProps) => { const [input, setInput] = useState(''); - const [numSteps, setNumSteps] = useState(10); - const decreaseSteps = () => setNumSteps((prev) => Math.max(5, prev - 5)); - const increaseSteps = () => setNumSteps((prev) => Math.min(50, prev + 5)); + const decreaseSteps = () => setSteps((prev) => Math.max(5, prev - 5)); + const increaseSteps = () => setSteps((prev) => Math.min(50, prev + 5)); if (!showTextInput) { if (isGenerating) {