diff --git a/frontend/public/locales/en-US/translation.json b/frontend/public/locales/en-US/translation.json index 76f89ff4a..e2a4cd9da 100644 --- a/frontend/public/locales/en-US/translation.json +++ b/frontend/public/locales/en-US/translation.json @@ -3655,6 +3655,11 @@ "text": "Select this option to convert all images to black and white, which can significantly reduce file size especially for scanned PDFs or image-heavy documents." } }, + "compressionLevel": { + "range1to3": "Lower values preserve quality but result in larger files", + "range4to6": "Medium compression with moderate quality reduction", + "range7to9": "Higher values reduce file size significantly but may reduce image clarity" + }, "error": { "failed": "An error occurred while compressing the PDF." }, diff --git a/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx b/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx index 7a91cdbe3..29b917871 100644 --- a/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx +++ b/frontend/src/core/components/shared/sliderWithInput/SliderWithInput.tsx @@ -8,6 +8,7 @@ interface Props { min?: number; max?: number; step?: number; + suffix?: string; } export default function SliderWithInput({ @@ -18,10 +19,11 @@ export default function SliderWithInput({ min = 0, max = 200, step = 1, + suffix = '%', }: Props) { return (
- {label}: {Math.round(value)}% + {label}: {Math.round(value)}{suffix}
diff --git a/frontend/src/core/components/tools/compress/CompressSettings.tsx b/frontend/src/core/components/tools/compress/CompressSettings.tsx index bc2a31284..d1deb0423 100644 --- a/frontend/src/core/components/tools/compress/CompressSettings.tsx +++ b/frontend/src/core/components/tools/compress/CompressSettings.tsx @@ -41,11 +41,12 @@ const CompressSettings = ({ parameters, onParameterChange, disabled = false }: C min={1} max={9} step={1} + suffix="" /> - {parameters.compressionLevel <= 3 && t('compress.tooltip.qualityAdjustment.bullet1', '1-3 PDF compression')} - {parameters.compressionLevel >= 4 && parameters.compressionLevel <= 6 && t('compress.tooltip.qualityAdjustment.text', '4-6 lite image compression')} - {parameters.compressionLevel >= 7 && t('compress.tooltip.qualityAdjustment.bullet2', '7-9 intense image compression Will dramatically reduce image quality')} + {parameters.compressionLevel <= 3 && t('compress.compressionLevel.range1to3')} + {parameters.compressionLevel >= 4 && parameters.compressionLevel <= 6 && t('compress.compressionLevel.range4to6')} + {parameters.compressionLevel >= 7 && t('compress.compressionLevel.range7to9')} )} diff --git a/frontend/src/proprietary/routes/login/OAuthButtons.tsx b/frontend/src/proprietary/routes/login/OAuthButtons.tsx index 343decbe5..cefd33c94 100644 --- a/frontend/src/proprietary/routes/login/OAuthButtons.tsx +++ b/frontend/src/proprietary/routes/login/OAuthButtons.tsx @@ -89,17 +89,18 @@ export default function OAuthButtons({ onProviderClick, isSubmitting, layout = ' return (
{providers.map((p) => ( - +
+ +
))}
);