fix: enforce max screenshot limit (2) on upload area and existing remove button
This commit is contained in:
@@ -290,10 +290,12 @@ export function ReviewStep({
|
||||
return opt?.label ?? environment.frameGenMethod
|
||||
})()
|
||||
|
||||
const totalScreenshots = (existingScreenshots?.length ?? 0) + (screenshotFiles?.length ?? 0)
|
||||
const canUploadMore =
|
||||
(!screenshotFiles || screenshotFiles.length < 2) &&
|
||||
totalScreenshots < 2 &&
|
||||
submitPhase !== "uploading" &&
|
||||
submitPhase !== "saving"
|
||||
const showExistingRemove = totalScreenshots >= 2
|
||||
|
||||
return (
|
||||
<div className='space-y-6'>
|
||||
@@ -559,6 +561,7 @@ export function ReviewStep({
|
||||
draggable={false}
|
||||
/>
|
||||
<div className="absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
{showExistingRemove && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => onRemoveExistingScreenshot?.(ss.id)}
|
||||
@@ -567,6 +570,7 @@ export function ReviewStep({
|
||||
>
|
||||
<X className="h-3.5 w-3.5" />
|
||||
</button>
|
||||
)}
|
||||
<div className="absolute bottom-2 left-2 px-2 py-0.5 rounded-md bg-black/50 backdrop-blur-sm text-[10px] font-medium text-white/90 opacity-0 group-hover:opacity-100">
|
||||
Existing · #{ss.orderIndex + 1}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user