diff --git a/src/components/PlayerlistFaction.js b/src/components/PlayerlistFaction.js index b4e5ed64c251babe7cf405ff52da7f23da7ad76c..387f67f73b60432ec3f8d0b7ccd435990a6ff3cd 100644 --- a/src/components/PlayerlistFaction.js +++ b/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()} /> ); }); diff --git a/src/components/PlayerlistPlayerCard.js b/src/components/PlayerlistPlayerCard.js index 08d45622589c4ba5f6bbc3832589bfdffdeff946..ebc2ddeb5c6eb75958cf6390404206f488f73878 100644 --- a/src/components/PlayerlistPlayerCard.js +++ b/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() { diff --git a/src/components/PlayerlistView.js b/src/components/PlayerlistView.js index 0eff9bc98b897f38eae6fc43655be06a72ca9015..5eeeb64cab57db1228b9bd41f6452e1120ad352a 100644 --- a/src/components/PlayerlistView.js +++ b/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));