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

13
src/components/image-list.tsx
View File

@@ -6,6 +6,7 @@ import { Button } from "@/components/ui/button";
import { Download, Trash2 } from "lucide-react";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
import { ImageListItem } from "./image-list-item";
import { useTranslations } from "next-intl";
interface ImageListProps {
images: ImageFile[];
@@ -30,6 +31,8 @@ export function ImageList({
isConverting,
convertingIndex,
}: ImageListProps) {
const t = useTranslations("ImageList");
if (images.length === 0) {
return null;
}
@@ -41,24 +44,24 @@ export function ImageList({
<Card>
<CardHeader>
<div className="flex justify-between items-center">
<CardTitle>Uploaded Images</CardTitle>
<CardTitle>{t('title')}</CardTitle>
<div className="flex items-center gap-2">
<Tooltip>
<TooltipTrigger asChild>
<Button variant="ghost" size="sm" onClick={onClearAll} disabled={isProcessing}>
<Trash2 className="mr-2 h-4 w-4" />Clear All
<Trash2 className="mr-2 h-4 w-4" />{t('clearAll')}
</Button>
</TooltipTrigger>
<TooltipContent><p>Remove all uploaded images.</p></TooltipContent>
<TooltipContent><p>{t('clearAllTooltip')}</p></TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button onClick={onDownloadAll} disabled={isProcessing}>
<Download className="mr-2 h-4 w-4" />
{isConverting ? "Converting..." : `Download All (${images.length})`}
{isConverting ? t('converting') : t('downloadAll', { count: images.length })}
</Button>
</TooltipTrigger>
<TooltipContent><p>Convert and download all images with the current settings.</p></TooltipContent>
<TooltipContent><p>{t('downloadAllTooltip')}</p></TooltipContent>
</Tooltip>
</div>
</div>