Add dedicated Video button to RichTextEditor toolbar

This commit is contained in:
Carlos (Almeira) 2026-07-01 19:14:53 -05:00
parent b79043ba1a
commit e2c040e178

View File

@ -16,7 +16,7 @@ import {
Link as LinkIcon, AlignLeft, AlignCenter, Link as LinkIcon, AlignLeft, AlignCenter,
AlignRight, AlignJustify, Highlighter, Type, AlignRight, AlignJustify, Highlighter, Type,
List, ListOrdered, Quote, Undo, Redo, List, ListOrdered, Quote, Undo, Redo,
ImageIcon, Youtube as YoutubeIcon, Palette ImageIcon, Video, Youtube as YoutubeIcon, Palette
} from 'lucide-react'; } from 'lucide-react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { MediaGridSelector } from './MediaGridSelector'; import { MediaGridSelector } from './MediaGridSelector';
@ -204,6 +204,14 @@ const MenuBar = ({ editor }: { editor: any }) => {
> >
<ImageIcon size={18} /> <ImageIcon size={18} />
</button> </button>
<button
type="button"
onClick={() => setIsMediaModalOpen(true)}
className="p-2 rounded hover:bg-slate-800 text-slate-400 hover:text-cyan-400 transition-colors"
title="Insertar Video de Biblioteca"
>
<Video size={18} />
</button>
<button <button
type="button" type="button"
onClick={addYoutubeVideo} onClick={addYoutubeVideo}