diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/map/locations')
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/locations/index.js | 81 | ||||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/locations/style.scss | 27 |
2 files changed, 0 insertions, 108 deletions
diff --git a/plugins/jetpack/extensions/blocks/map/locations/index.js b/plugins/jetpack/extensions/blocks/map/locations/index.js deleted file mode 100644 index 80385891..00000000 --- a/plugins/jetpack/extensions/blocks/map/locations/index.js +++ /dev/null @@ -1,81 +0,0 @@ -/** - * External dependencies - */ -import { - Button, - Dashicon, - Panel, - PanelBody, - TextareaControl, - TextControl, -} from '@wordpress/components'; -import { Component } from '@wordpress/element'; - -/** - * Internal dependencies - */ -import './style.scss'; - -export class Locations extends Component { - constructor() { - super( ...arguments ); - this.state = { - selectedCell: null, - }; - } - - onDeletePoint = e => { - const index = parseInt( e.target.getAttribute( 'data-id' ) ); - const { points, onChange } = this.props; - - const newPoints = points.slice( 0 ); - newPoints.splice( index, 1 ); - onChange( newPoints ); - }; - - setMarkerField( field, value, index ) { - const { points, onChange } = this.props; - - const newPoints = points.slice( 0 ); - newPoints[ index ][ field ] = value; - onChange( newPoints ); - } - - render() { - const { points } = this.props; - const rows = points.map( ( point, index ) => ( - <PanelBody title={ point.placeTitle } key={ point.id } initialOpen={ false }> - <TextControl - label="Marker Title" - value={ point.title } - onChange={ title => this.setMarkerField( 'title', title, index ) } - /> - <TextareaControl - label="Marker Caption" - value={ point.caption } - rows="3" - onChange={ caption => this.setMarkerField( 'caption', caption, index ) } - /> - <Button - data-id={ index } - onClick={ this.onDeletePoint } - className="component__locations__delete-btn" - > - <Dashicon icon="trash" size="15" /> Delete Marker - </Button> - </PanelBody> - ) ); - return ( - <div className="component__locations"> - <Panel className="component__locations__panel">{ rows }</Panel> - </div> - ); - } -} - -Locations.defaultProps = { - points: Object.freeze( [] ), - onChange: () => {}, -}; - -export default Locations; diff --git a/plugins/jetpack/extensions/blocks/map/locations/style.scss b/plugins/jetpack/extensions/blocks/map/locations/style.scss deleted file mode 100644 index 73f5e8b5..00000000 --- a/plugins/jetpack/extensions/blocks/map/locations/style.scss +++ /dev/null @@ -1,27 +0,0 @@ - -.component__locations__panel { - .edit-post-settings-sidebar__panel-block & { - margin-bottom: 1em; - &:empty { - display: none; - } - .components-panel__body:first-child { - border-top: none; - } - .components-panel__body, - .components-panel__body:first-child, - .components-panel__body:last-child { - max-width: 100%; - margin: 0; - } - .components-panel__body button { - padding-right: 40px; - } - } -} -.component__locations__delete-btn { - padding: 0; - svg { - margin-right: 0.4em; - } -} |