mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-29 15:49:22 +00:00
442b373ff4
# Description of Changes Reduce boilerplate in tool frontends by creating a base frontend hook for the simple tools to use. I've done all the simple tools here. It'd be nice to add in some of the more complex tools as well in the future if we can figure out how.
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
import { useTranslation } from "react-i18next";
|
|
import { createToolFlow } from "../components/tools/shared/createToolFlow";
|
|
import CompressSettings from "../components/tools/compress/CompressSettings";
|
|
import { useCompressParameters } from "../hooks/tools/compress/useCompressParameters";
|
|
import { useCompressOperation } from "../hooks/tools/compress/useCompressOperation";
|
|
import { useBaseTool } from "../hooks/tools/shared/useBaseTool";
|
|
import { BaseToolProps, ToolComponent } from "../types/tool";
|
|
import { useCompressTips } from "../components/tooltips/useCompressTips";
|
|
|
|
const Compress = (props: BaseToolProps) => {
|
|
const { t } = useTranslation();
|
|
const compressTips = useCompressTips();
|
|
|
|
const base = useBaseTool(
|
|
'compress',
|
|
useCompressParameters,
|
|
useCompressOperation,
|
|
props
|
|
);
|
|
|
|
return createToolFlow({
|
|
files: {
|
|
selectedFiles: base.selectedFiles,
|
|
isCollapsed: base.hasResults,
|
|
},
|
|
steps: [
|
|
{
|
|
title: "Settings",
|
|
isCollapsed: base.settingsCollapsed,
|
|
onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
|
|
tooltip: compressTips,
|
|
content: (
|
|
<CompressSettings
|
|
parameters={base.params.parameters}
|
|
onParameterChange={base.params.updateParameter}
|
|
disabled={base.endpointLoading}
|
|
/>
|
|
),
|
|
},
|
|
],
|
|
executeButton: {
|
|
text: t("compress.submit", "Compress"),
|
|
isVisible: !base.hasResults,
|
|
loadingText: t("loading"),
|
|
onClick: base.handleExecute,
|
|
disabled: !base.params.validateParameters() || !base.hasFiles || !base.endpointEnabled,
|
|
},
|
|
review: {
|
|
isVisible: base.hasResults,
|
|
operation: base.operation,
|
|
title: t("compress.title", "Compression Results"),
|
|
onFileClick: base.handleThumbnailClick,
|
|
},
|
|
});
|
|
};
|
|
|
|
|
|
export default Compress as ToolComponent;
|