ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-07-26 07:47:25 +00:00
Code Issues Projects Releases Wiki Activity

Implement style loading and passing to map component

Browse Source
This commit is contained in:
lukasmartinelli
2016-09-09 00:10:54 +02:00
parent 392a7aa832
commit 7f9fb4579e
13 changed files with 84 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/toolbar.jsx
+9 -9
View File
@@ -1,17 +1,16 @@
import React from 'react';
import { Menu, NavItem, Tooltip, Container, Block, Fixed } from 'rebass'
import theme from './theme.jsx';
import {MdSettings, MdPalette, MdLayers, MdSave, MdFolderOpen} from 'react-icons/lib/md';
import { Button, Text } from 'rebass';
import FileReaderInput from 'react-file-reader-input';
import { Button, Text } from 'rebass';
import { Menu, NavItem, Tooltip, Container, Block, Fixed } from 'rebass'
import {MdSettings, MdPalette, MdLayers, MdSave, MdFolderOpen} from 'react-icons/lib/md';
import theme from './theme.js';
export class Toolbar extends React.Component {
constructor(props) {
super(props);
this.state = {
styleFile: null
};
this.onUpload = this.onUpload.bind(this);
}
onUpload(_, files) {
@@ -20,10 +19,11 @@ export class Toolbar extends React.Component {
reader.readAsText(file, "UTF-8");
reader.onload = e => {
const style = JSON.parse(e.target.result);
console.log(style);
this.props.onStyleUpload(style);
}
reader.onerror = e => console.log(e.target);
}
render() {
return <Container style={{
zIndex: 100,