feat: Adds ts rule noImplicitOverride and fix errors.

react/features/chat/components/native/Chat.tsx

@@ -52,7 +52,7 @@ class Chat extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _messages, route } = this.props;
         const privateMessageRecipient = route?.params?.privateMessageRecipient;
 

react/features/chat/components/native/ChatButton.ts

@@ -29,10 +29,10 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the chat screen on mobile.
  */
 class ChatButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.chat';
-    icon = IconMessage;
-    label = 'toolbar.chat';
-    toggledIcon = IconChatUnread;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.chat';
+    override icon = IconMessage;
+    override label = 'toolbar.chat';
+    override toggledIcon = IconChatUnread;
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -40,7 +40,7 @@ class ChatButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props._isPollsDisabled
             ? navigate(screen.conference.chat)
             : navigate(screen.conference.chatandpolls.main);
@@ -52,7 +52,7 @@ class ChatButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return Boolean(this.props._unreadMessageCount);
     }
 }

react/features/chat/components/native/ChatInputBar.tsx

@@ -73,7 +73,7 @@ class ChatInputBar extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         let inputBarStyles;
 
         if (this.props.aspectRatio === ASPECT_RATIO_WIDE) {

react/features/chat/components/native/ChatMessage.tsx

@@ -31,7 +31,7 @@ class ChatMessage extends Component<IChatMessageProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { gifEnabled, message, knocking } = this.props;
         const localMessage = message.messageType === MESSAGE_TYPE_LOCAL;
         const { privateMessage, lobbyChat } = message;

react/features/chat/components/native/ChatMessageGroup.tsx

@@ -35,7 +35,7 @@ export default class ChatMessageGroup extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <FlatList
                 data = { this.props.messages }

react/features/chat/components/native/ChatPrivacyDialog.tsx

@@ -15,7 +15,7 @@ class ChatPrivacyDialog extends AbstractChatPrivacyDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 cancelLabel = 'dialog.sendPrivateMessageCancel'

react/features/chat/components/native/MessageContainer.tsx

@@ -39,7 +39,7 @@ class MessageContainer extends AbstractMessageContainer<IProps, any> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const data = this._getMessagesGroupedBySender();
 
         return (

react/features/chat/components/native/MessageRecipient.tsx

@@ -92,7 +92,7 @@ class MessageRecipient extends AbstractMessageRecipient<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             isLobbyChatActive,
             lobbyMessageRecipient,

react/features/chat/components/native/PrivateMessageButton.tsx

@@ -45,10 +45,10 @@ export interface IProps extends AbstractButtonProps {
  * Class to render a button that initiates the sending of a private message through chat.
  */
 class PrivateMessageButton extends AbstractButton<IProps, any> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.privateMessage';
-    icon = IconMessage;
-    label = 'toolbar.privateMessage';
-    toggledIcon = IconReply;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.privateMessage';
+    override icon = IconMessage;
+    override label = 'toolbar.privateMessage';
+    override toggledIcon = IconReply;
 
     /**
      * Handles clicking / pressing the button.
@@ -56,7 +56,7 @@ class PrivateMessageButton extends AbstractButton<IProps, any> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         if (this.props._isLobbyMessage) {
             this.props.dispatch(handleLobbyChatInitialized(this.props.participantID));
         }
@@ -82,7 +82,7 @@ class PrivateMessageButton extends AbstractButton<IProps, any> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props.reply;
     }