IncomingCallBox2 -> IncomingCallBox

res/css/views/voip/_CallContainer.scss

@@ -36,12 +36,12 @@ limitations under the License.
         }
     }
 
-    .mx_IncomingCallBox2 {
+    .mx_IncomingCallBox {
         min-width: 250px;
         background-color: $primary-bg-color;
         padding: 8px;
 
-        .mx_IncomingCallBox2_CallerInfo {
+        .mx_IncomingCallBox_CallerInfo {
             display: flex;
             direction: row;
 
@@ -68,12 +68,12 @@ limitations under the License.
             }
         }
 
-        .mx_IncomingCallBox2_buttons {
+        .mx_IncomingCallBox_buttons {
             padding: 8px;
             display: flex;
             flex-direction: row;
 
-            > .mx_IncomingCallBox2_spacer {
+            > .mx_IncomingCallBox_spacer {
                 width: 8px;
             }
 

src/components/views/voip/CallContainer.tsx

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
-import IncomingCallBox2 from './IncomingCallBox2';
+import IncomingCallBox from './IncomingCallBox';
 import CallPreview from './CallPreview';
 import * as VectorConferenceHandler from '../../../VectorConferenceHandler';
 
@@ -30,7 +30,7 @@ interface IState {
 export default class CallContainer extends React.PureComponent<IProps, IState> {
     public render() {
         return <div className="mx_CallContainer">
-            <IncomingCallBox2 />
+            <IncomingCallBox />
             <CallPreview ConferenceHandler={VectorConferenceHandler} />
         </div>;
     }

src/components/views/voip/IncomingCallBox.tsx

@@ -16,8 +16,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-// TODO: Rename on launch: https://github.com/vector-im/riot-web/issues/14231
-
 import React from 'react';
 import {MatrixClientPeg} from '../../../MatrixClientPeg';
 import dis from '../../../dispatcher/dispatcher';
@@ -35,7 +33,7 @@ interface IState {
     incomingCall: any;
 }
 
-export default class IncomingCallBox2 extends React.Component<IProps, IState> {
+export default class IncomingCallBox extends React.Component<IProps, IState> {
     private dispatcherRef: string;
 
     constructor(props: IProps) {
@@ -106,8 +104,8 @@ export default class IncomingCallBox2 extends React.Component<IProps, IState> {
             }
         }
 
-        return <div className="mx_IncomingCallBox2">
-            <div className="mx_IncomingCallBox2_CallerInfo">
+        return <div className="mx_IncomingCallBox">
+            <div className="mx_IncomingCallBox_CallerInfo">
                 <PulsedAvatar>
                     <RoomAvatar
                         room={room}
@@ -120,16 +118,16 @@ export default class IncomingCallBox2 extends React.Component<IProps, IState> {
                     <p>{incomingCallText}</p>
                 </div>
             </div>
-            <div className="mx_IncomingCallBox2_buttons">
+            <div className="mx_IncomingCallBox_buttons">
                 <FormButton
-                    className={"mx_IncomingCallBox2_decline"}
+                    className={"mx_IncomingCallBox_decline"}
                     onClick={this.onRejectClick}
                     kind="danger"
                     label={_t("Decline")}
                 />
-                <div className="mx_IncomingCallBox2_spacer" />
+                <div className="mx_IncomingCallBox_spacer" />
                 <FormButton
-                    className={"mx_IncomingCallBox2_accept"}
+                    className={"mx_IncomingCallBox_accept"}
                     onClick={this.onAnswerClick}
                     kind="primary"
                     label={_t("Accept")}