pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Adding internationalization with next-intl - wrote 19 file(s), renamed 5 file(s), added next-intl package(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 16:26:22 +01:00
parent d33dceb08c
commit 918e2334f7
19 changed files with 656 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/settings-panel.tsx
View File

@@ -5,6 +5,7 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/
import { ImageSettings } from "./settings/image-settings";
import { FilenameSettings } from "./settings/filename-settings";
import { QualitySettings } from "./settings/quality-settings";
import { useTranslations } from "next-intl";
interface SettingsPanelProps {
settings: ConversionSettings;
@@ -23,13 +24,14 @@ export function SettingsPanel({
onApplyDefaultBaseNameToAll,
hasImages,
}: SettingsPanelProps) {
const t = useTranslations("SettingsPanel");
return (
<Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-4">
<AccordionItem value="image-settings" className="border rounded-lg bg-card">
<AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left">
<h3 className="text-lg font-medium leading-none">Image Settings</h3>
<p className="text-sm text-muted-foreground mt-1">Adjust resolution and scaling for all images.</p>
<h3 className="text-lg font-medium leading-none">{t('imageSettingsTitle')}</h3>
<p className="text-sm text-muted-foreground mt-1">{t('imageSettingsSubtitle')}</p>
</div>
</AccordionTrigger>
<AccordionContent className="px-6 pb-6">
@@ -45,8 +47,8 @@ export function SettingsPanel({
<AccordionItem value="filename-settings" className="border rounded-lg bg-card">
<AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left">
<h3 className="text-lg font-medium leading-none">Filename Settings</h3>
<p className="text-sm text-muted-foreground mt-1">Customize the output filenames.</p>
<h3 className="text-lg font-medium leading-none">{t('filenameSettingsTitle')}</h3>
<p className="text-sm text-muted-foreground mt-1">{t('filenameSettingsSubtitle')}</p>
</div>
</AccordionTrigger>
<AccordionContent className="px-6 pb-6">
@@ -62,8 +64,8 @@ export function SettingsPanel({
<AccordionItem value="quality-settings" className="border rounded-lg bg-card">
<AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left">
<h3 className="text-lg font-medium leading-none">Quality Settings</h3>
<p className="text-sm text-muted-foreground mt-1">Choose format and compression level.</p>
<h3 className="text-lg font-medium leading-none">{t('qualitySettingsTitle')}</h3>
<p className="text-sm text-muted-foreground mt-1">{t('qualitySettingsSubtitle')}</p>
</div>
</AccordionTrigger>
<AccordionContent className="px-6 pb-6">