Role changes updates player lists and forms

src/components/PlayerlistFaction.js

@@ -8,6 +8,10 @@ export default class PlayerlistFaction extends React.Component {
 
   // get faction members
   componentDidMount() {
+    this.getFactionMembers();
+  }
+
+  getFactionMembers() {
     fetch(
       `${process.env.REACT_APP_API_URL}/faction/get-faction-members/${
         this.props.faction.factionId
@@ -32,6 +36,7 @@ export default class PlayerlistFaction extends React.Component {
           player={member}
           role={this.props.role}
           gameId={this.props.gameId}
+          onChange={() => this.getFactionMembers()}
         />
       );
     });

src/components/PlayerlistPlayerCard.js

@@ -39,16 +39,18 @@ export default class PlayerlistPlayerCard extends React.Component {
           return res.json();
         })
         .then(res => {
+          this.props.onChange();
           alert(
             `Player ${this.props.player.person.name}'s role was changed to "${
               res.role
             }"`
           );
+          this.setState({ edit: false });
         })
         .catch(error => console.log(error));
+    } else {
+      this.setState({ edit: false, roleInput: this.props.player.role });
     }
-
-    this.setState({ edit: false, roleInput: this.props.player.role });
   };
 
   render() {

src/components/PlayerlistView.js

@@ -18,7 +18,6 @@ export default class PlayerlistView extends React.Component {
       fetch(`${process.env.REACT_APP_API_URL}/game/${this.props.gameId}`)
         .then(res => res.json())
         .then(res => {
-          console.log(res);
           this.setState({ factions: res.factions });
         })
         .catch(error => console.log(error));