Highlight snip button when active

2017-07-25 11:00:08 -07:00 · 2017-07-25 11:00:08 -07:00 · a56cc4da38
parent 5d38417a38
commit a56cc4da38
1 changed files with 7 additions and 1 deletions
--- a/ui/src/shared/components/DygraphLegend.js
+++ b/ui/src/shared/components/DygraphLegend.js
@ -83,7 +83,13 @@ const DygraphLegend = ({
        >
          <span className="icon search" />
        </button>
-        <button className="btn btn-default btn-sm" onClick={onSnip}>
+        <button
+          className={classnames('btn btn-sm', {
+            'btn-default': !isSnipped,
+            'btn-primary': isSnipped,
+          })}
+          onClick={onSnip}
+        >
          Snip
        </button>
      </div>