Fix dissapearing steps

This commit is contained in:
Connor Yoh 2025-08-18 15:24:51 +01:00
parent c7a9762412
commit 8099a82e93

View File

@ -106,83 +106,85 @@ const AddWatermark = ({ onPreviewFile, onComplete, onError }: BaseToolProps) =>
), ),
}); });
// Text watermark path if (hasFiles || hasResults) {
if (watermarkParams.parameters.watermarkType === "text") { // Text watermark path
// Step 2: Wording if (watermarkParams.parameters.watermarkType === "text") {
steps.push({ // Step 2: Wording
title: t("watermark.steps.wording", "Wording"), steps.push({
isCollapsed: hasResults, title: t("watermark.steps.wording", "Wording"),
tooltip: watermarkWordingTips, isCollapsed: hasResults,
content: ( tooltip: watermarkWordingTips,
<WatermarkWording content: (
parameters={watermarkParams.parameters} <WatermarkWording
onParameterChange={watermarkParams.updateParameter} parameters={watermarkParams.parameters}
disabled={endpointLoading} onParameterChange={watermarkParams.updateParameter}
/> disabled={endpointLoading}
), />
}); ),
});
// Step 3: Style // Step 3: Style
steps.push({ steps.push({
title: t("watermark.steps.textStyle", "Style"), title: t("watermark.steps.textStyle", "Style"),
isCollapsed: hasResults ? true : collapsedStyle, isCollapsed: hasResults ? true : collapsedStyle,
onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedStyle(!collapsedStyle), onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedStyle(!collapsedStyle),
tooltip: watermarkTextStyleTips, tooltip: watermarkTextStyleTips,
content: ( content: (
<WatermarkTextStyle <WatermarkTextStyle
parameters={watermarkParams.parameters} parameters={watermarkParams.parameters}
onParameterChange={watermarkParams.updateParameter} onParameterChange={watermarkParams.updateParameter}
disabled={endpointLoading} disabled={endpointLoading}
/> />
), ),
}); });
// Step 4: Formatting // Step 4: Formatting
steps.push({ steps.push({
title: t("watermark.steps.formatting", "Formatting"), title: t("watermark.steps.formatting", "Formatting"),
isCollapsed: hasResults ? true : collapsedFormatting, isCollapsed: hasResults ? true : collapsedFormatting,
onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedFormatting(!collapsedFormatting), onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedFormatting(!collapsedFormatting),
tooltip: watermarkFormattingTips, tooltip: watermarkFormattingTips,
content: ( content: (
<WatermarkFormatting <WatermarkFormatting
parameters={watermarkParams.parameters} parameters={watermarkParams.parameters}
onParameterChange={watermarkParams.updateParameter} onParameterChange={watermarkParams.updateParameter}
disabled={endpointLoading} disabled={endpointLoading}
/> />
), ),
}); });
} }
// Image watermark path // Image watermark path
if (watermarkParams.parameters.watermarkType === "image") { if (watermarkParams.parameters.watermarkType === "image") {
// Step 2: Watermark File // Step 2: Watermark File
steps.push({ steps.push({
title: t("watermark.steps.file", "Watermark File"), title: t("watermark.steps.file", "Watermark File"),
isCollapsed: false, isCollapsed: false,
tooltip: watermarkFileTips, tooltip: watermarkFileTips,
content: ( content: (
<WatermarkFile <WatermarkFile
parameters={watermarkParams.parameters} parameters={watermarkParams.parameters}
onParameterChange={watermarkParams.updateParameter} onParameterChange={watermarkParams.updateParameter}
disabled={endpointLoading} disabled={endpointLoading}
/> />
), ),
}); });
// Step 3: Formatting // Step 3: Formatting
steps.push({ steps.push({
title: t("watermark.steps.formatting", "Formatting"), title: t("watermark.steps.formatting", "Formatting"),
isCollapsed: hasResults ? true : collapsedFormatting, isCollapsed: hasResults ? true : collapsedFormatting,
onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedFormatting(!collapsedFormatting), onCollapsedClick: hasResults ? handleSettingsReset : () => setCollapsedFormatting(!collapsedFormatting),
tooltip: watermarkFormattingTips, tooltip: watermarkFormattingTips,
content: ( content: (
<WatermarkFormatting <WatermarkFormatting
parameters={watermarkParams.parameters} parameters={watermarkParams.parameters}
onParameterChange={watermarkParams.updateParameter} onParameterChange={watermarkParams.updateParameter}
disabled={endpointLoading} disabled={endpointLoading}
/> />
), ),
}); });
}
} }
return steps; return steps;