From b15cac73c88a5d862d5ffd3078aa5e2488f56cb9 Mon Sep 17 00:00:00 2001
From: Jared Scheib <jared.scheib@gmail.com>
Date: Fri, 3 Mar 2017 14:20:07 -0800
Subject: [PATCH] Add AutoRefresh Pause option

---
 ui/src/shared/components/AutoRefreshDropdown.js | 5 +++--
 ui/src/shared/data/autoRefreshes.hson           | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/shared/components/AutoRefreshDropdown.js b/ui/src/shared/components/AutoRefreshDropdown.js
index d8bafe2fd..ba1e4a0a6 100644
--- a/ui/src/shared/components/AutoRefreshDropdown.js
+++ b/ui/src/shared/components/AutoRefreshDropdown.js
@@ -44,12 +44,13 @@ const AutoRefreshDropdown = React.createClass({
     const self = this;
     const {selected} = self.props;
     const {isOpen} = self.state;
+    const {milliseconds, inputValue} = this.findAutoRefreshItem(selected)
 
     return (
       <div className="dropdown time-range-dropdown">
         <div className="btn btn-sm btn-info dropdown-toggle" onClick={() => self.toggleMenu()}>
-          <span className="icon refresh"></span>
-          <span className="selected-time-range">{this.findAutoRefreshItem(selected).inputValue}</span>
+          <span className={classnames("icon", +milliseconds > 0 ? "refresh" : "pause")}></span>
+          <span className="selected-time-range">{inputValue}</span>
           <span className="caret" />
         </div>
         <ul className={classnames("dropdown-menu", {show: isOpen})}>
diff --git a/ui/src/shared/data/autoRefreshes.hson b/ui/src/shared/data/autoRefreshes.hson
index 09b4237ff..56453c0b8 100644
--- a/ui/src/shared/data/autoRefreshes.hson
+++ b/ui/src/shared/data/autoRefreshes.hson
@@ -1,4 +1,5 @@
 [
+  {milliseconds: 0, inputValue: 'Paused', menuOption: 'Paused'},
   {milliseconds: 5000, inputValue: 'Every 5 seconds', menuOption: 'Every 5 seconds'},
   {milliseconds: 10000, inputValue: 'Every 10 seconds', menuOption: 'Every 10 seconds'},
   {milliseconds: 15000, inputValue: 'Every 15 seconds', menuOption: 'Every 15 seconds'},