ref(TS) Convert some native components to TS (#13281)

Remove some @ts-ignores

react/features/shared-video/components/native/SharedVideoButton.ts

@@ -1,8 +1,6 @@
-// @flow
-
 import { connect } from 'react-redux';
-import type { Dispatch } from 'redux';
 
+import { IReduxState } from '../../../app/types';
 import { VIDEO_SHARE_BUTTON_ENABLED } from '../../../base/flags/constants';
 import { getFeatureFlag } from '../../../base/flags/functions';
 import { translate } from '../../../base/i18n/functions';
@@ -15,30 +13,25 @@ import { isSharingStatus } from '../../functions';
 /**
  * The type of the React {@code Component} props of {@link TileViewButton}.
  */
-type Props = AbstractButtonProps & {
+interface IProps extends AbstractButtonProps {
 
     /**
      * Whether or not the button is disabled.
      */
-    _isDisabled: boolean,
+    _isDisabled: boolean;
 
     /**
      * Whether or not the local participant is sharing a video.
      */
-    _sharingVideo: boolean,
-
-    /**
-     * The redux {@code dispatch} function.
-     */
-    dispatch: Dispatch<any>
-};
+    _sharingVideo: boolean;
+}
 
 /**
  * Component that renders a toolbar button for toggling the tile layout view.
  *
  * @augments AbstractButton
  */
-class VideoShareButton extends AbstractButton<Props, *> {
+class VideoShareButton extends AbstractButton<IProps> {
     accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
     icon = IconPlay;
     label = 'toolbar.sharedvideo';
@@ -94,17 +87,17 @@ class VideoShareButton extends AbstractButton<Props, *> {
  * @param {Object} state - The Redux state.
  * @param {Object} ownProps - The properties explicitly passed to the component instance.
  * @private
- * @returns {Props}
+ * @returns {IProps}
  */
-function _mapStateToProps(state, ownProps): Object {
+function _mapStateToProps(state: IReduxState, ownProps: any) {
     const { ownerId, status: sharedVideoStatus } = state['features/shared-video'];
-    const localParticipantId = getLocalParticipant(state).id;
+    const localParticipantId = getLocalParticipant(state)?.id;
     const enabled = getFeatureFlag(state, VIDEO_SHARE_BUTTON_ENABLED, true);
     const { visible = enabled } = ownProps;
 
     if (ownerId !== localParticipantId) {
         return {
-            _isDisabled: isSharingStatus(sharedVideoStatus),
+            _isDisabled: isSharingStatus(sharedVideoStatus ?? ''),
             _sharingVideo: false,
             visible
         };
@@ -112,7 +105,7 @@ function _mapStateToProps(state, ownProps): Object {
 
     return {
         _isDisabled: false,
-        _sharingVideo: isSharingStatus(sharedVideoStatus),
+        _sharingVideo: isSharingStatus(sharedVideoStatus ?? ''),
         visible
     };
 }

react/features/shared-video/components/native/SharedVideoDialog.tsx

@@ -1,22 +1,24 @@
-// @flow
-
 import React from 'react';
 import { connect } from 'react-redux';
 
 import InputDialog from '../../../base/dialog/components/native/InputDialog';
 import { translate } from '../../../base/i18n/functions';
-import AbstractSharedVideoDialog from '../AbstractSharedVideoDialog';
+import AbstractSharedVideoDialog, { IProps } from '../AbstractSharedVideoDialog';
+
+interface IState {
+    error: boolean;
+}
 
 /**
  * Implements a component to render a display name prompt.
  */
-class SharedVideoDialog extends AbstractSharedVideoDialog<*> {
+class SharedVideoDialog extends AbstractSharedVideoDialog<IState> {
     /**
      * Instantiates a new component.
      *
      * @inheritdoc
      */
-    constructor(props) {
+    constructor(props: IProps) {
         super(props);
 
         this.state = {
@@ -26,15 +28,13 @@ class SharedVideoDialog extends AbstractSharedVideoDialog<*> {
         this._onSubmitValue = this._onSubmitValue.bind(this);
     }
 
-    _onSubmitValue: () => boolean;
-
     /**
      * Callback to be invoked when the value of the link input is submitted.
      *
      * @param {string} value - The entered video link.
      * @returns {boolean}
      */
-    _onSubmitValue(value) {
+    _onSubmitValue(value: string) {
         const result = super._onSetVideoLink(value);
 
         if (!result) {