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

[dyad] Removed counter suffix option - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 11:21:46 +01:00
parent b87410a7e5
commit ac226f8074
1 changed files with 17 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/image-converter.tsx
View File

@@ -44,7 +44,6 @@ export function ImageConverter() {
const [useCounter, setUseCounter] = useState<boolean>(false); const [useCounter, setUseCounter] = useState<boolean>(false);
const [counterStart, setCounterStart] = useState<number>(1); const [counterStart, setCounterStart] = useState<number>(1);
const [counterDigits, setCounterDigits] = useState<number>(3); const [counterDigits, setCounterDigits] = useState<number>(3);
const [counterSuffix, setCounterSuffix] = useState<string>("");
const [isConverting, setIsConverting] = useState(false); const [isConverting, setIsConverting] = useState(false);
const [isDraggingOver, setIsDraggingOver] = useState(false); const [isDraggingOver, setIsDraggingOver] = useState(false);
@@ -139,7 +138,7 @@ export function ImageConverter() {
if (useCounter) { if (useCounter) {
const counter = (index + counterStart).toString().padStart(counterDigits, '0'); const counter = (index + counterStart).toString().padStart(counterDigits, '0');
finalName += `${counter}${counterSuffix}`; finalName += `${counter}`;
} }
return finalName; return finalName;
@@ -276,36 +275,25 @@ export function ImageConverter() {
<Label htmlFor="use-counter">Add sequential number</Label> <Label htmlFor="use-counter">Add sequential number</Label>
</div> </div>
{useCounter && ( {useCounter && (
<div className="space-y-4 pt-2"> <div className="grid grid-cols-2 gap-4 pt-2">
<div className="grid grid-cols-2 gap-4"> <div className="space-y-2">
<div className="space-y-2"> <Label htmlFor="counter-start">Start number</Label>
<Label htmlFor="counter-start">Start number</Label> <Input
<Input id="counter-start"
id="counter-start" type="number"
type="number" value={counterStart}
value={counterStart} onChange={(e) => setCounterStart(Math.max(0, Number(e.target.value)))}
onChange={(e) => setCounterStart(Math.max(0, Number(e.target.value)))} min="0"
min="0" />
/>
</div>
<div className="space-y-2">
<Label htmlFor="counter-digits">Padding digits</Label>
<Input
id="counter-digits"
type="number"
value={counterDigits}
onChange={(e) => setCounterDigits(Math.max(1, Number(e.target.value)))}
min="1"
/>
</div>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="counter-suffix">Counter Suffix</Label> <Label htmlFor="counter-digits">Padding digits</Label>
<Input <Input
id="counter-suffix" id="counter-digits"
placeholder="e.g., _final" type="number"
value={counterSuffix} value={counterDigits}
onChange={(e) => setCounterSuffix(e.target.value)} onChange={(e) => setCounterDigits(Math.max(1, Number(e.target.value)))}
min="1"
/> />
</div> </div>
</div> </div>