diff --git a/.replit b/.replit index d2b4742..04050d4 100644 --- a/.replit +++ b/.replit @@ -46,6 +46,10 @@ externalPort = 6000 localPort = 43245 externalPort = 3001 +[[ports]] +localPort = 45149 +externalPort = 8000 + [[ports]] localPort = 46681 externalPort = 5173 diff --git a/client/src/components/media-upload.tsx b/client/src/components/media-upload.tsx index ce28afd..4f825ea 100644 --- a/client/src/components/media-upload.tsx +++ b/client/src/components/media-upload.tsx @@ -1,9 +1,10 @@ import { useState, useCallback } from "react"; import { useDropzone } from "react-dropzone"; 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 } from "lucide-react"; +import { CloudUpload, Image as ImageIcon, Video, X, Upload, Loader2 } from "lucide-react"; import { useToast } from "@/hooks/use-toast"; import { SiFacebook, SiInstagram } from "react-icons/si"; @@ -219,6 +220,24 @@ export default function MediaUpload() { + + + +
+
+ +
+

+ Upload en cours... +

+

+ Votre image est en cours de téléchargement et de traitement. +
+ Veuillez patienter. +

+
+
+
); }