ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-06 06:10:00 +00:00
Code Issues Projects Releases Wiki Activity

Use pure render mixin now that we use ImmutableJS

Browse Source
This commit is contained in:
lukasmartinelli
2016-09-10 21:35:21 +02:00
parent 575dacdb2c
commit 95ae8892f4
5 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layers/background.jsx
View File

@@ -1,5 +1,6 @@
import React from 'react'
import { Input } from 'rebass'
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class BackgroundLayer extends React.Component {
static propTypes = {
@@ -7,6 +8,11 @@ export default class BackgroundLayer extends React.Component {
onPaintChanged: React.PropTypes.func.isRequired
}
constructor(props) {
super(props);
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
}
onPaintChanged(property, e) {
let value = e.target.value
if (property == "background-opacity" && !isNaN(parseFloat(value))) {

2
src/layers/editor.jsx
View File

@@ -12,6 +12,7 @@ import BackgroundLayer from './background.jsx'
import MdVisibility from 'react-icons/lib/md/visibility'
import MdVisibilityOff from 'react-icons/lib/md/visibility-off'
import MdDelete from 'react-icons/lib/md/delete'
import PureRenderMixin from 'react-addons-pure-render-mixin';
class UnsupportedLayer extends React.Component {
render() {
@@ -33,6 +34,7 @@ export class LayerEditor extends React.Component {
constructor(props) {
super(props);
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
this.state = {
isOpened: false,
}

6
src/layers/fill.jsx
View File

@@ -1,5 +1,6 @@
import React from 'react'
import { Checkbox, Input } from 'rebass'
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class FillLayer extends React.Component {
static propTypes = {
@@ -7,6 +8,11 @@ export default class FillLayer extends React.Component {
onPaintChanged: React.PropTypes.func.isRequired
}
constructor(props) {
super(props);
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
}
onPaintChanged(property, e) {
let value = e.target.value
if (property == "fill-opacity") {

2
src/layers/list.jsx
View File

@@ -3,6 +3,7 @@ import Immutable from 'immutable'
import { Heading, Toolbar, NavItem, Space} from 'rebass'
import { LayerEditor } from './editor.jsx'
import scrollbars from '../scrollbars.scss'
import PureRenderMixin from 'react-addons-pure-render-mixin';
// List of collapsible layer editors
export class LayerList extends React.Component {
@@ -13,6 +14,7 @@ export class LayerList extends React.Component {
constructor(props) {
super(props)
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
}
onLayerDestroyed(deletedLayer) {

6
src/settings.jsx
View File

@@ -2,6 +2,7 @@ import React from 'react'
import theme from './theme.js'
import { Heading, Container, Input, Toolbar, NavItem, Space } from 'rebass'
import Immutable from 'immutable'
import PureRenderMixin from 'react-addons-pure-render-mixin';
/** Edit global settings within a style such as the name */
export class SettingsEditor extends React.Component {
@@ -12,6 +13,11 @@ export class SettingsEditor extends React.Component {
onAccessTokenChanged: React.PropTypes.func
}
constructor(props) {
super(props);
this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
}
onChange(property, e) {
const changedStyle = this.props.mapStyle.set(property, e.target.value)
this.props.onStyleChanged(changedStyle)