diff --git a/src/components/symbol-render.riot b/src/components/symbol-render.riot
index af603b6..f9348e6 100644
--- a/src/components/symbol-render.riot
+++ b/src/components/symbol-render.riot
@@ -14,11 +14,7 @@
-
+
{ symbol.id }
@@ -44,24 +40,32 @@
.reduce(taxonomy.generateLayersWithMatches(), [])
.map((layer) => {
if (layer.paint['text-halo-color']) {
- this.state.casing[layer.id] = taxonomy.widthAndColorByZooms(layer, {
- 'text-width': layer.paint['text-halo-width'],
- 'text-color': layer.paint['text-halo-color'],
- zooms: this.props.zooms,
- }, 'text');
+ this.state.casing[layer.id] = taxonomy.widthAndColorByZooms(
+ layer,
+ {
+ 'text-width': layer.paint['text-halo-width'],
+ 'text-color': layer.paint['text-halo-color'],
+ zooms: this.props.zooms,
+ },
+ 'text'
+ );
}
- const res = taxonomy.widthAndColorByZooms(layer, {
- 'text-width': layer.layout['text-size'],
- 'text-color': layer.paint['text-color'],
- zooms: this.props.zooms,
- }, 'text');
+ const res = taxonomy.widthAndColorByZooms(
+ layer,
+ {
+ 'text-width': layer.layout['text-size'],
+ 'text-color': layer.paint['text-color'],
+ zooms: this.props.zooms,
+ },
+ 'text'
+ );
res.id = layer.name || layer.id;
res['text-transform'] = layer.layout['text-transform'] || 'none';
res.example = layer.metadata['taxonomy:example'];
const fontProps = taxonomy.fonts.getProps(layer.layout['text-font'][0]);
res.fontProps = fontProps;
taxonomy.fonts.add(fontProps);
- return {fontProps, ...res};
+ return res;
});
this.update();
},