Set tile classes separately

tropy · Feb 3, 2017 · 552e050 · 552e050
1 parent ceae327
commit 552e050
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/item/tile.js b/src/components/item/tile.js
@@ -50,10 +50,11 @@ class ItemTile extends Component {
 
   get classes() {
     return {
-      'item-tile': true,
-      'active': this.props.isSelected,
-      'dragging': this.props.isDragging,
-      'over': this.props.isOver && this.props.canDrop
+      item: true,
+      tile: true,
+      active: this.props.isSelected,
+      dragging: this.props.isDragging,
+      over: this.props.isOver && this.props.canDrop
     }
   }
 

diff --git a/src/components/photo/tile.js b/src/components/photo/tile.js
@@ -8,6 +8,12 @@ const cn = require('classnames')
 
 class PhotoTile extends PhotoIterable {
 
+  get classes() {
+    return {
+      ...super.classes, tile: true
+    }
+  }
+
   get style() {
     const height = `${this.props.size * 1.25}px`