fixes typos

app/javascript/src/scenes/SettingsPage/index.jsx

@@ -27,6 +27,8 @@ type State = {
   active: string
 }
 
+let componentMounted = false;
+
 export default class SettingsPage extends Component<*, State> {
   constructor(props: *) {
     super(props);
@@ -38,8 +40,16 @@ export default class SettingsPage extends Component<*, State> {
     (this: any).setTabState = this.setTabState.bind(this);
   }
 
+  componentDidMount(): void {
+    componentMounted = true;
+  }
+
+  componentWillUnmount(): void {
+    componentMounted = false;
+  }
+
   setTabState(tab: string): void {
-    if (tab !== this.state.active) {
+    if (tab !== this.state.active && componentMounted) {
       (this: any).setState({ active: tab });
     }
   }

app/javascript/src/scenes/SettingsPage/scenes/team/components/RemoveUserModal.jsx

@@ -26,8 +26,8 @@ class RemoveUserModal extends Component<Props> {
   }
 
   removeUser(): void {
-    const { team_id, team_user_id } = this.props.userToRemove;
-    removeUserFromTeam(team_id, team_user_id)
+    const { teamId, teamUserId } = this.props.userToRemove;
+    removeUserFromTeam(teamId, teamUserId)
       .then(response => {
         this.props.updateUsersCallback(response);
         this.props.hideModal();

app/javascript/src/scenes/SettingsPage/scenes/team/components/TeamsMembers.jsx

@@ -10,7 +10,7 @@ import {
   MenuItem
 } from "react-bootstrap";
 import styled from "styled-components";
-import type { Teams$TeamMember, Teams$TeamMemberActions } from "flow-typed";
+import type { Teams$TeamMember, Team$TeamMemeber, Teams$TeamMemberActions } from "flow-typed";
 
 import { FormattedMessage } from "react-intl";
 import { updateUserTeamRole } from "../../../../../services/api/user_team_api";
@@ -25,9 +25,9 @@ const StyledButton = styled(Button)`
 
 const initalUserToRemove = {
   userName: "",
-  team_user_id: 0,
+  teamUserId: 0,
   teamName: "",
-  team_id: 0
+  teamId: 0
 };
 
 type Team = {
@@ -35,13 +35,6 @@ type Team = {
   name: string
 };
 
-type UserToRemove = {
-  userName: string,
-  team_user_id: number,
-  teamName: string,
-  team_id: number
-};
-
 type TableColumns = {
   name: string,
   email: string,
@@ -60,7 +53,7 @@ type Props = {
 type State = {
   showModal: boolean,
   showInviteUsersModal: boolean,
-  userToRemove: UserToRemove
+  userToRemove: Team$TeamMemeber
 };
 
 class TeamsMembers extends Component<Props, State> {
@@ -159,9 +152,9 @@ class TeamsMembers extends Component<Props, State> {
           onClick={() => {
             this.userToRemove({
               userName: row.name,
-              team_user_id: data.teamUserId,
+              teamUserId: data.teamUserId,
               teamName: this.props.team.name,
-              team_id: this.props.team.id
+              teamId: this.props.team.id
             });
           }}
         >

app/javascript/src/scenes/SettingsPage/scenes/team/index.jsx

@@ -101,7 +101,7 @@ class SettingsTeam extends Component<Props, State> {
     (this: any).updateUsersCallback = this.updateUsersCallback.bind(this);
     (this: any).showNameModal = this.showNameModal.bind(this);
     (this: any).hideNameModalCallback = this.hideNameModalCallback.bind(this);
-    (this: any).renderEditNameModel = this.renderEditNameModel.bind(this);
+    (this: any).renderEditNameModal = this.renderEditNameModal.bind(this);
   }
 
   componentDidMount(): void {
@@ -149,7 +149,7 @@ class SettingsTeam extends Component<Props, State> {
     );
   }
 
-  renderEditNameModel() {
+  renderEditNameModal() {
     if (this.state.showNameModal) {
       return (
         <UpdateTeamNameModal
@@ -243,7 +243,7 @@ class SettingsTeam extends Component<Props, State> {
           team={this.state.team}
           updateTeamCallback={this.updateTeamCallback}
         />
-        {this.renderEditNameModel()}
+        {this.renderEditNameModal()}
       </Wrapper>
     );
   }

flow-typed/team_types.js

@@ -2,7 +2,7 @@
 
 export type Team$TeamMemeber = {
   userName: string,
-  team_user_id: number,
+  teamUserId: number,
   teamName: string,
-  team_id: number
+  teamId: number
 };