hides delete button on groupings if it's the only group

closes #322
Datawheel · Dec 4, 2018 · 6673fd9 · 6673fd9
1 parent 91cc138
commit 6673fd9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/vizbuilder/src/components/Sidebar/GroupingManager/GroupingItem.jsx b/packages/vizbuilder/src/components/Sidebar/GroupingManager/GroupingItem.jsx
@@ -61,12 +61,12 @@ class GroupingItem extends SidebarCRUDItem {
         <div className="group actions">
           <Button
             text="Delete"
-            className="pt-small"
+            className="pt-small action-delete"
             onClick={this.handleDelete}
           />
           <Button
             text={"Edit params"}
-            className="pt-small pt-intent-primary"
+            className="pt-small pt-intent-primary action-edit"
             onClick={this.handleEdit}
           />
         </div>
@@ -100,12 +100,12 @@ class GroupingItem extends SidebarCRUDItem {
         <div className="group actions">
           <Button
             text={item.level ? "Cancel" : "Delete"}
-            className="pt-small"
+            className="pt-small action-reset"
             onClick={item.level ? this.handleClose : this.handleDelete}
           />
           <Button
             text="Apply changes"
-            className="pt-small pt-intent-primary"
+            className="pt-small pt-intent-primary action-update"
             onClick={this.handleApply}
           />
         </div>

diff --git a/packages/vizbuilder/src/components/Sidebar/style.css b/packages/vizbuilder/src/components/Sidebar/style.css
@@ -24,6 +24,10 @@
     border: 1px solid;
   }
 
+  & .grouping-item:only-child .action-delete {
+    display: none;
+  }
+
   & .filter-item .values span {
     margin-right: 0.5rem;
   }