v1.7.0/auto follow

app/src/Create.js

@@ -78,6 +78,7 @@ export default class Create extends Component {
         LocalData().allowAutoRejoin !== undefined ? LocalData().allowAutoRejoin : true,
       allowChatNotification:
         LocalData().allowChatNotification !== undefined ? LocalData().allowChatNotification : true,
+      allowAutoFollow: LocalData().allowAutoFollow || false,
       expanded: 'alerts',
     };
     this.createCall = this.createCall.bind(this);
@@ -85,6 +86,7 @@ export default class Create extends Component {
     this.success = this.success.bind(this);
     this.partyNameAutocompleteProcessor = this.partyNameAutocompleteProcessor.bind(this);
     this.updateAllowAutoRejoin = this.updateAllowAutoRejoin.bind(this);
+    this.updateAllowAutoFollow = this.updateAllowAutoFollow.bind(this);
     this.updateAllowChatNotification = this.updateAllowChatNotification.bind(this);
     this.clearPartyHistory = this.clearPartyHistory.bind(this);
     this.handleSteps = this.handleSteps.bind(this);
@@ -244,6 +246,10 @@ export default class Create extends Component {
     updateLocalData({ allowAutoRejoin: !this.state.allowAutoRejoin });
     this.setState({ allowAutoRejoin: !this.state.allowAutoRejoin });
   }
+  updateAllowAutoFollow() {
+    updateLocalData({ allowAutoFollow: !this.state.allowAutoFollow });
+    this.setState({ allowAutoFollow: !this.state.allowAutoFollow });
+  }
   clearPartyHistory() {
     this.setState({
       parties: [],
@@ -270,6 +276,7 @@ export default class Create extends Component {
       parties,
       adminOnly,
       allowAutoRejoin,
+      allowAutoFollow,
       allowChatNotification,
       alertStep,
       expanded,
@@ -500,6 +507,26 @@ export default class Create extends Component {
               }
               labelPlacement="end"
             />
+            <FormControlLabel
+              className="notification-switch"
+              control={
+                <Switch
+                  checked={allowAutoFollow}
+                  onChange={this.updateAllowAutoFollow}
+                  name="allowAutoFollow"
+                />
+              }
+              label={
+                <span>
+                  Allow Watch Party to change to the currently playing show
+                  <br />
+                  <span style={{ color: '#8a8a8a' }}>
+                    {allowAutoFollow ? 'Auto Follow Enabled' : 'Auto Follow Disabled'}
+                  </span>
+                </span>
+              }
+              labelPlacement="end"
+            />
             <Button
               color="secondary"
               fullWidth