message: tidy up right-panel if-else-if statement
diff: @@ -180,14 +180,22 @@ export default class RightPanel extends React.Component {
  let panel = <div />;
  - if (this.props.roomId && this.state.phase === RIGHT_PANEL_PHASES.RoomMemberList) {
  + switch (this.state.phase) {
  + case RIGHT_PANEL_PHASES.RoomMemberList:
  + if (this.props.roomId) {
  panel = <MemberList roomId={this.props.roomId} key={this.props.roomId} />;
  - } else if (this.props.groupId && this.state.phase === RIGHT_PANEL_PHASES.GroupMemberList) {
  + }
  + break;
  + case RIGHT_PANEL_PHASES.GroupMemberList:
  + if (this.props.groupId) {
  panel = <GroupMemberList groupId={this.props.groupId} key={this.props.groupId} />;
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.GroupRoomList) {
  + }
  + break;
  + case RIGHT_PANEL_PHASES.GroupRoomList:
  panel = <GroupRoomList groupId={this.props.groupId} key={this.props.groupId} />;
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.RoomMemberInfo ||
  - this.state.phase === RIGHT_PANEL_PHASES.EncryptionPanel) {
  + break;
  + case RIGHT_PANEL_PHASES.RoomMemberInfo:
  + case RIGHT_PANEL_PHASES.EncryptionPanel:
  if (SettingsStore.isFeatureEnabled("feature_cross_signing")) {
  const onClose = () => {
  dis.dispatch({
  @@ -204,11 +212,16 @@ export default class RightPanel extends React.Component {
  verificationRequest={this.state.verificationRequest}
  />;
  } else {
  - panel = <MemberInfo member={this.state.member} key={this.props.roomId || this.state.member.userId} />;
  + panel = <MemberInfo
  + member={this.state.member}
  + key={this.props.roomId || this.state.member.userId}
  + />;
  }
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.Room3pidMemberInfo) {
  + break;
  + case RIGHT_PANEL_PHASES.Room3pidMemberInfo:
  panel = <ThirdPartyMemberInfo event={this.state.event} key={this.props.roomId} />;
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.GroupMemberInfo) {
  + break;
  + case RIGHT_PANEL_PHASES.GroupMemberInfo:
  if (SettingsStore.isFeatureEnabled("feature_cross_signing")) {
  const onClose = () => {
  dis.dispatch({
  @@ -230,15 +243,19 @@ export default class RightPanel extends React.Component {
  />
  );
  }
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.GroupRoomInfo) {
  + break;
  + case RIGHT_PANEL_PHASES.GroupRoomInfo:
  panel = <GroupRoomInfo
  groupRoomId={this.state.groupRoomId}
  groupId={this.props.groupId}
  key={this.state.groupRoomId} />;
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.NotificationPanel) {
  + break;
  + case RIGHT_PANEL_PHASES.NotificationPanel:
  panel = <NotificationPanel />;
  - } else if (this.state.phase === RIGHT_PANEL_PHASES.FilePanel) {
  + break;
  + case RIGHT_PANEL_PHASES.FilePanel:
  panel = <FilePanel roomId={this.props.roomId} resizeNotifier={this.props.resizeNotifier} />;
  + break;
  }
  const classes = classNames("mx_RightPanel", "mx_fadable", {
  