Vidéo01

"action={updateMetadata} className="bg-[#18181b] border border-zinc-800 rounded-2xl p-6 space-y-4 shadow-lg"> <h3 className="font-bold text-white flex items-center gap-2 mb-4"> <Megaphone size={18} className="text-blue-400"/> Publication </h3> <div className="space-y-1"> <label className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Lien Média (Frame.io, Drive...)</label> <div className="relative"> <input type="url" name="mediaUrl" defaultValue={post.mediaUrl || ""} placeholder="https://..." className="w-full bg-[#0e0e11] border border-zinc-700 rounded-lg pl-9 pr-3 py-2.5 text-sm text-white outline-none focus:border-blue-500 transition-colors" /> <LinkIcon size={14} className="absolute left-3 top-3.5 text-zinc-500" /> </div> </div> <div className="space-y-1"> <label className="text-xs font-bold text-zinc-500 uppercase tracking-wider">Date prévue</label> <div className="relative"> <input type="datetime-local" name="publishDate" defaultValue={post.publishDate ? post.publishDate.toISOString().slice(0, 16) : ""} className="w-full bg-[#0e0e11] border border-zinc-700 rounded-lg pl-9 pr-3 py-2.5 text-sm text-zinc-400 outline-none focus:border-blue-500 style-color-scheme-dark transition-colors" /> <Calendar size={14} className="absolute left-3 top-3.5 text-zinc-500" /> </div> </div> <button type="submit" className="w-full bg-zinc-800 hover:bg-zinc-700 text-white py-2.5 rounded-lg text-sm font-bold transition-colors mt-2"> Mettre à jour </button> </form> {/* Bloc Historique des versions */} <div className="bg-[#18181b] border border-zinc-800 rounded-2xl p-6 shadow-lg flex flex-col h-[320px]"> <h3 className="font-bold text-white flex items-center gap-2 mb-4 shrink-0"> <History size={18} className="text-orange-400"/> Historique des versions </h3> <div className="flex-1 space-y-3 overflow-y-auto pr-2 custom-scrollbar"> {post.versions.length > 0 ? ( post.versions.map((v, i) => ( <div key={v.id} className="bg-[#0e0e11] border border-zinc-800 p-3 rounded-xl relative group"> <div className="flex justify-between items-center mb-1"> <span className="text-xs font-bold text-orange-400">V{post.versions.length - i}</span> <span className="text-[10px] text-zinc-500">{v.createdAt.toLocaleDateString('fr-FR')} à {v.createdAt.toLocaleTimeString('fr-FR', {hour: '2-digit', minute:'2-digit'})}</span> </div> <p className="text-xs text-zinc-400 line-clamp-2 italic">"{v.content}"</p> </div> )) ) : ( <div className="h-full flex flex-col items-center justify-center text-zinc-600"> <CheckCircle2 size={24} className="mb-2 opacity-50" /> <p className="text-xs italic">Aucune sauvegarde.</p> </div> )} </div> </div> </div>"

Clique pour lire

"fzdfzdfdzfzfdzfzdfdzfzefzef"

Clique pour lire

"fzdfzdfdzfzfdzfzdfdz"

Clique pour lire

"fzdfzdfdzfzfdzfzdfdz"

Clique pour lire

"fzdfzdfdzfzfdzfzdfdz"

Clique pour lire