insert-library-button.js (888B)
1 /** 2 * External dependencies 3 */ 4 import { ReduxTemplatesIcon, ReduxTemplatesIconColorize } from '~redux-templates/icons' 5 6 /** 7 * WordPress dependencies 8 */ 9 import {Button, Tooltip} from '@wordpress/components'; 10 import { __ } from '@wordpress/i18n'; 11 import {ModalManager} from '../../modal-manager'; 12 import LibraryModal from '../../modal-library'; 13 import './style.scss' 14 15 const InsertLibraryButton = () => { 16 return ( 17 <Tooltip text={__( 'Redux Templates Library', redux_templates.i18n )} position={'bottom'}> 18 <Button data-tut="tour__library_button" 19 onClick={ () => { 20 ModalManager.open(<LibraryModal />); 21 } } 22 className="redux-templates-insert-library-button" 23 label={ __( 'Open Library', redux_templates.i18n ) } 24 icon={ <ReduxTemplatesIcon /> } 25 >{ __( 'Templates', redux_templates.i18n ) }</Button> 26 </Tooltip> 27 ) 28 } 29 30 export default InsertLibraryButton