From df0c920f6695faee43ce66a633eed98689ea03bd Mon Sep 17 00:00:00 2001 From: Etienne Lemay Date: Fri, 29 Jul 2016 12:08:30 -0400 Subject: [PATCH] Update demo page --- example/index.html | 30 ++++++++++++++++++++++++++++++ example/index.js | 25 ++++++++++++++----------- 2 files changed, 44 insertions(+), 11 deletions(-) diff --git a/example/index.html b/example/index.html index a032fd0..f6d552a 100644 --- a/example/index.html +++ b/example/index.html @@ -3,6 +3,36 @@ Emoji Mart | One component to pick them all +
diff --git a/example/index.js b/example/index.js index b27bb11..4f48b3a 100644 --- a/example/index.js +++ b/example/index.js @@ -1,7 +1,7 @@ import React from 'react' import ReactDOM from 'react-dom' -import {Picker} from '../src' +import {Picker, Emoji} from '../src' class Example extends React.Component { constructor(props) { @@ -29,22 +29,25 @@ class Example extends React.Component { return

Emoji Mart

-
- {['Apple', 'Google', 'Twitter', 'EmojiOne'].map((set) => { - var value = set.toLowerCase(), - props = { disabled: value == this.state.set } +
+ {['apple', 'google', 'twitter', 'emojione'].map((set) => { + var props = { disabled: set == this.state.set } return })}
-
+
@@ -73,7 +76,7 @@ class Example extends React.Component { emojiSize={this.state.emojiSize} perLine={this.state.perLine} skin={this.state.skin} - sheetURL={`../sheets/sheet_${this.state.set}_64.png`} + sheetURL={`https://npmcdn.com/emoji-mart@0.2.1/sheets/sheet_${this.state.set}_64.png`} onClick={(emoji) => console.log(emoji)} /> }