diff --git a/client/src/components/media-upload.tsx b/client/src/components/media-upload.tsx index 8a8d3c7..78e818e 100644 --- a/client/src/components/media-upload.tsx +++ b/client/src/components/media-upload.tsx @@ -4,7 +4,7 @@ import { Button } from "@/components/ui/button"; import { Dialog, DialogContent } from "@/components/ui/dialog"; import { useMutation, useQuery } from "@tanstack/react-query"; import { apiRequest, queryClient } from "@/lib/queryClient"; -import { CloudUpload, Image as ImageIcon, Video, X, Upload, Loader2 } from "lucide-react"; +import { CloudUpload, Image as ImageIcon, Video, X, Upload, Loader2, ZoomIn } from "lucide-react"; import { useToast } from "@/hooks/use-toast"; import { SiFacebook, SiInstagram } from "react-icons/si"; @@ -12,6 +12,7 @@ export default function MediaUpload() { const { toast } = useToast(); const [selectedFile, setSelectedFile] = useState(null); const [visibleCount, setVisibleCount] = useState(5); + const [zoomImage, setZoomImage] = useState(null); const loadMoreRef = useRef(null); const { data: mediaList } = useQuery({ @@ -167,18 +168,32 @@ export default function MediaUpload() { className="w-full h-full object-cover" /> )} - +
+ {media.type === "image" && ( + + )} + +
- ))} + ) as any)} {/* Élément sentinelle pour le scroll infini */} @@ -264,6 +279,25 @@ export default function MediaUpload() { + + {/* Modal pour voir l'image originale en plein écran */} + setZoomImage(null)}> + +
+ Image originale + +
+
+
); } diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx index f86b7d7..9862398 100644 --- a/client/src/pages/image-editor.tsx +++ b/client/src/pages/image-editor.tsx @@ -573,7 +573,7 @@ export default function ImageEditor() { value={[priceBadge.size]} onValueChange={(value) => setPriceBadge({ ...priceBadge, size: value[0] })} min={12} - max={40} + max={70} step={1} data-testid="slider-price-size" />