Offline mode: expose UI/option in Settings panel

Author: addyosmani

src/Settings.js

@@ -38,6 +38,12 @@ var Settings = React.createClass({
           </label>
           <p>Show "reply" links to Hacker News</p>
         </div>
+        <div className="Settings__setting Settings__setting--checkbox">
+          <label htmlFor="offlineMode">
+            <input type="checkbox" name="offlineMode" id="offlineMode" checked={SettingsStore.offlineMode}/> Offline Mode
+          </label>
+          <p>Show items flagged as dead.</p>
+        </div>
         <div className="Settings__setting Settings__setting--checkbox">
           <label htmlFor="showDead">
             <input type="checkbox" name="showDead" id="showDead" checked={SettingsStore.showDead}/> show dead

src/stores/SettingsStore.js

@@ -10,6 +10,7 @@ var SettingsStore = {
   showDeleted: false,
   titleFontSize: 18,
   listSpacing: 16,
+  offlineMode: false,
 
   load() {
     var json = storage.get(STORAGE_KEY)
@@ -25,7 +26,8 @@ var SettingsStore = {
       showDead: this.showDead,
       showDeleted: this.showDeleted,
       titleFontSize: this.titleFontSize,
-      listSpacing: this.listSpacing
+      listSpacing: this.listSpacing,
+      offlineMode: this.offlineMode
     }))
   }
 }