treehouse
/
emoji-mart-lazyload
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Store skin and use as default 

Never use `props.skin` once skin is stored
release
Etienne Lemay 2016-07-06 13:35:09 -04:00
parent 8a022b69fa
commit 75535b7a30
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/picker.js
View File

@ -3,6 +3,7 @@ import '../vendor/raf-polyfill'
import React from 'react' import React from 'react'
import data from '../../data' import data from '../../data'
import {store} from '../utils'
import {Anchors, Category, Preview, Search} from '.' import {Anchors, Category, Preview, Search} from '.'
const DEFAULT_CATEGORIES = [ const DEFAULT_CATEGORIES = [
@ -16,12 +17,14 @@ export default class Picker extends React.Component {
this.state = { this.state = {
categories: DEFAULT_CATEGORIES, categories: DEFAULT_CATEGORIES,
skin: props.skin, skin: store.get('skin') || props.skin,
} }
} }
componentWillReceiveProps(props) { componentWillReceiveProps(props) {
this.setState({ skin: props.skin }) if (props.skin && !store.get('skin')) {
this.setState({ skin: props.skin })
}
} }
componentDidUpdate() { componentDidUpdate() {
@ -120,7 +123,10 @@ export default class Picker extends React.Component {
} }
handleSkinChange(skin) { handleSkinChange(skin) {
this.setState({ skin: skin }) var newState = { skin: skin }
this.setState(newState)
store.update(newState)
} }
render() { render() {