/** * Edit icons block. * @module components/manage/Blocks/Title/Edit */ import React from 'react'; import { defineMessages } from 'react-intl'; import { SidebarPortal } from '@plone/volto/components'; import { withDNDContext, SubblocksEdit, SubblocksWrapper, } from 'volto-subblocks'; import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Sidebar'; import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Body'; import EditBlock from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/VideoGallery/Block/EditBlock'; import { SingleSlideWrapper } from 'design-comuni-plone-theme/components/ItaliaTheme'; const messages = defineMessages({ addItem: { id: 'Add accordion item', defaultMessage: 'Aggiungi elemento', }, titlePlaceholder: { id: 'Title', defaultMessage: 'Titolo', }, noVideos: { id: 'noVideos', defaultMessage: 'Nessun video selezionato. Aggiungi un elemento per mostrare un video', }, }); /** * Edit icons block class. * @class Edit * @extends Component */ class Edit extends SubblocksEdit { /** * Render method. * @method render * @returns {string} Markup for the component. */ render() { if (__SERVER__) { return

; } return (

{this.state.subblocks.map((subblock, subindex) => ( ))} {this.state.subblocks.length === 0 && (

{this.props.intl.formatMessage(messages.noVideos)}

)} {this.props.selected && (

{this.renderAddBlockButton( this.props.intl.formatMessage(messages.addItem), )}

)}

); } } export default React.memo(withDNDContext(Edit));