port over low_bandwidth mode to develop

src/components/structures/TimelinePanel.js

@@ -584,6 +584,8 @@ var TimelinePanel = React.createClass({
     },
 
     sendReadReceipt: function() {
+        if (SettingsStore.getValue("lowBandwidth")) return;
+
         if (!this.refs.messagePanel) return;
         if (!this.props.manageReadReceipts) return;
         // This happens on user_activity_end which is delayed, and it's

src/components/structures/UserSettings.js

@@ -84,6 +84,13 @@ const SIMPLE_SETTINGS = [
     { id: "enableWidgetScreenshots" },
     { id: "pinMentionedRooms" },
     { id: "pinUnreadRooms" },
+    {
+        id: "lowBandwidth",
+        fn: () => {
+            PlatformPeg.get().reload();
+        },
+        level: SettingLevel.DEVICE,
+    },
     { id: "showDeveloperTools" },
     { id: "promptBeforeInviteUnknownUsers" },
 ];
@@ -644,7 +651,7 @@ module.exports = React.createClass({
             <div className="mx_UserSettings_toggle" key={setting.id}>
                 <SettingsFlag name={setting.id}
                                   label={setting.label}
-                                  level={SettingLevel.ACCOUNT}
+                                  level={setting.level ? setting.level : SettingLevel.ACCOUNT}
                                   onChange={setting.fn} />
             </div>
         );