diff --git a/frontend/public/locales/en-GB/translation.json b/frontend/public/locales/en-GB/translation.json index a0f7a2666..5af4af1c5 100644 --- a/frontend/public/locales/en-GB/translation.json +++ b/frontend/public/locales/en-GB/translation.json @@ -849,6 +849,11 @@ }, "error": { "failed": "An error occurred while merging the PDFs." + }, + "tooltip": { + "header": { + "title": "Merge Settings Overview" + } } }, "split": { @@ -2163,6 +2168,14 @@ "title": "About Remove Annotations", "description": "This tool will remove all annotations (comments, highlights, notes, etc.) from your PDF documents." }, + "tooltip": { + "header": { + "title": "About Remove Annotations" + }, + "description": { + "title": "What it does" + } + }, "error": { "failed": "An error occurred while removing annotations from the PDF." } @@ -2625,6 +2638,9 @@ "header": { "title": "How Auto-Rename Works" }, + "description": { + "title": "What it does" + }, "howItWorks": { "title": "Smart Renaming", "text": "Automatically finds the title from your PDF content and uses it as the filename.", @@ -2632,6 +2648,9 @@ "bullet2": "Creates a clean, valid filename from the detected title", "bullet3": "Keeps the original name if no suitable title is found" } + }, + "settings": { + "title": "About" } }, "adjust-contrast": { @@ -4703,6 +4722,14 @@ "addMoreFiles": "Add more files...", "selectedFiles": "Selected Files", "submit": "Add Attachments", + "tooltip": { + "header": { + "title": "About Add Attachments" + }, + "description": { + "title": "What it does" + } + }, "results": { "title": "Attachment Results" }, diff --git a/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx b/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx index 80078d0d7..33d9e8b33 100644 --- a/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx +++ b/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx @@ -4,7 +4,7 @@ * Allows selecting files to attach to PDFs. */ -import { Stack, Text, Group, ActionIcon, Alert, ScrollArea, Button } from "@mantine/core"; +import { Stack, Text, Group, ActionIcon, ScrollArea, Button } from "@mantine/core"; import { useTranslation } from "react-i18next"; import { AddAttachmentsParameters } from "@app/hooks/tools/addAttachments/useAddAttachmentsParameters"; import LocalIcon from "@app/components/shared/LocalIcon"; @@ -20,16 +20,7 @@ const AddAttachmentsSettings = ({ parameters, onParameterChange, disabled = fals return ( - - - {t("AddAttachmentsRequest.info", "Select files to attach to your PDF. These files will be embedded and accessible through the PDF's attachment panel.")} - - - - - {t("AddAttachmentsRequest.selectFiles", "Select Files to Attach")} - { - const { t } = useTranslation(); - return ( - } - title={t('removeAnnotations.info.title', 'About Remove Annotations')} - color="blue" - variant="light" - > - - {t('removeAnnotations.info.description', - 'This tool will remove all annotations (comments, highlights, notes, etc.) from your PDF documents.' - )} - - + {/* No settings needed for this tool - description is in tooltip */} ); }; diff --git a/frontend/src/core/components/tooltips/useAddAttachmentsTips.ts b/frontend/src/core/components/tooltips/useAddAttachmentsTips.ts new file mode 100644 index 000000000..50f924501 --- /dev/null +++ b/frontend/src/core/components/tooltips/useAddAttachmentsTips.ts @@ -0,0 +1,18 @@ +import { useTranslation } from 'react-i18next'; +import { TooltipContent } from '@app/types/tips'; + +export const useAddAttachmentsTips = (): TooltipContent => { + const { t } = useTranslation(); + + return { + header: { + title: t("AddAttachmentsRequest.tooltip.header.title", "About Add Attachments") + }, + tips: [ + { + title: t("AddAttachmentsRequest.tooltip.description.title", "What it does"), + description: t("AddAttachmentsRequest.info", "Select files to attach to your PDF. These files will be embedded and accessible through the PDF's attachment panel."), + } + ] + }; +}; diff --git a/frontend/src/core/components/tooltips/useAutoRenameTips.ts b/frontend/src/core/components/tooltips/useAutoRenameTips.ts index 8b77e39b7..d46c86c75 100644 --- a/frontend/src/core/components/tooltips/useAutoRenameTips.ts +++ b/frontend/src/core/components/tooltips/useAutoRenameTips.ts @@ -9,6 +9,10 @@ export const useAutoRenameTips = (): TooltipContent => { title: t("auto-rename.tooltip.header.title", "How Auto-Rename Works") }, tips: [ + { + title: t("auto-rename.tooltip.description.title", "What it does"), + description: t("auto-rename.description", "Automatically finds the title from your PDF content and uses it as the filename."), + }, { title: t("auto-rename.tooltip.howItWorks.title", "Smart Renaming"), bullets: [ diff --git a/frontend/src/core/components/tooltips/useMergeTips.tsx b/frontend/src/core/components/tooltips/useMergeTips.tsx index decd109ef..741adccce 100644 --- a/frontend/src/core/components/tooltips/useMergeTips.tsx +++ b/frontend/src/core/components/tooltips/useMergeTips.tsx @@ -5,6 +5,9 @@ export const useMergeTips = (): TooltipContent => { const { t } = useTranslation(); return { + header: { + title: t('merge.tooltip.header.title', 'Merge Settings Overview') + }, tips: [ { title: t('merge.removeDigitalSignature.tooltip.title', 'Remove Digital Signature'), diff --git a/frontend/src/core/components/tooltips/useRemoveAnnotationsTips.ts b/frontend/src/core/components/tooltips/useRemoveAnnotationsTips.ts new file mode 100644 index 000000000..edaa03923 --- /dev/null +++ b/frontend/src/core/components/tooltips/useRemoveAnnotationsTips.ts @@ -0,0 +1,20 @@ +import { useTranslation } from 'react-i18next'; +import { TooltipContent } from '@app/types/tips'; + +export const useRemoveAnnotationsTips = (): TooltipContent => { + const { t } = useTranslation(); + + return { + header: { + title: t("removeAnnotations.tooltip.header.title", "About Remove Annotations") + }, + tips: [ + { + title: t("removeAnnotations.tooltip.description.title", "What it does"), + description: t('removeAnnotations.info.description', + 'This tool will remove all annotations (comments, highlights, notes, etc.) from your PDF documents.' + ), + } + ] + }; +}; diff --git a/frontend/src/core/tools/AddAttachments.tsx b/frontend/src/core/tools/AddAttachments.tsx index c248eab96..199ea1d0e 100644 --- a/frontend/src/core/tools/AddAttachments.tsx +++ b/frontend/src/core/tools/AddAttachments.tsx @@ -8,10 +8,12 @@ import { useAddAttachmentsParameters } from "@app/hooks/tools/addAttachments/use import { useAddAttachmentsOperation } from "@app/hooks/tools/addAttachments/useAddAttachmentsOperation"; import { useAccordionSteps } from "@app/hooks/tools/shared/useAccordionSteps"; import AddAttachmentsSettings from "@app/components/tools/addAttachments/AddAttachmentsSettings"; +import { useAddAttachmentsTips } from "@app/components/tooltips/useAddAttachmentsTips"; const AddAttachments = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => { const { t } = useTranslation(); const { selectedFiles } = useFileSelection(); + const addAttachmentsTips = useAddAttachmentsTips(); const params = useAddAttachmentsParameters(); const operation = useAddAttachmentsOperation(); @@ -64,6 +66,7 @@ const AddAttachments = ({ onPreviewFile, onComplete, onError }: BaseToolProps) = isCollapsed: accordion.getCollapsedState(AddAttachmentsStep.ATTACHMENTS), onCollapsedClick: () => accordion.handleStepToggle(AddAttachmentsStep.ATTACHMENTS), isVisible: true, + tooltip: addAttachmentsTips, content: ( { const { t } = useTranslation(); + const autoRenameTips = useAutoRenameTips(); const base = useBaseTool( - '"auto-rename-pdf-file', + 'auto-rename-pdf-file', useAutoRenameParameters, useAutoRenameOperation, props ); return createToolFlow({ - title: { title:t("auto-rename.title", "Auto Rename PDF"), description: t("auto-rename.description", "Auto Rename PDF"), tooltip: useAutoRenameTips()}, files: { selectedFiles: base.selectedFiles, isCollapsed: base.hasResults, }, - steps: [], + steps: [ + { + title: t("auto-rename.settings.title", "About"), + isCollapsed: false, + tooltip: autoRenameTips, + content: null, + }, + ], executeButton: { text: t("auto-rename.submit", "Auto Rename"), isVisible: !base.hasResults, diff --git a/frontend/src/core/tools/RemoveAnnotations.tsx b/frontend/src/core/tools/RemoveAnnotations.tsx index 82d2f47b8..e2bf6c3f4 100644 --- a/frontend/src/core/tools/RemoveAnnotations.tsx +++ b/frontend/src/core/tools/RemoveAnnotations.tsx @@ -5,9 +5,11 @@ import { useRemoveAnnotationsParameters } from "@app/hooks/tools/removeAnnotatio import { useRemoveAnnotationsOperation } from "@app/hooks/tools/removeAnnotations/useRemoveAnnotationsOperation"; import { useBaseTool } from "@app/hooks/tools/shared/useBaseTool"; import { BaseToolProps, ToolComponent } from "@app/types/tool"; +import { useRemoveAnnotationsTips } from "@app/components/tooltips/useRemoveAnnotationsTips"; const RemoveAnnotations = (props: BaseToolProps) => { const { t } = useTranslation(); + const removeAnnotationsTips = useRemoveAnnotationsTips(); const base = useBaseTool( 'removeAnnotations', @@ -26,6 +28,7 @@ const RemoveAnnotations = (props: BaseToolProps) => { title: t("removeAnnotations.settings.title", "Settings"), isCollapsed: base.settingsCollapsed, onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined, + tooltip: removeAnnotationsTips, content: , }, ],