Convert files related to redux from js to ts

webapp/src/actions/index.ts

@@ -6,10 +6,10 @@ import {AnyAction, Dispatch} from 'redux';
 
 import Client from '../client';
 import ActionTypes from '../action_types';
-import manifest from '../manifest';
 import {APIError, ConnectedData, GitlabUsersData, LHSData, ShowRhsPluginActionData, SubscriptionData} from 'src/types';
 import {Item} from 'src/types/gitlab_items';
-import {GlobalState, pluginStateKey} from 'src/types/store';
+import {GlobalState} from 'src/types/store';
+import {getPluginState} from 'src/selectors';
 
 export function getConnected(reminder = false) {
     return async (dispatch: Dispatch<AnyAction>) => {
@@ -120,7 +120,7 @@ export function getLHSData() {
  * Stores "showRHSPlugin" action returned by
  * "registerRightHandSidebarComponent" in plugin initialization.
  */
-export function setShowRHSAction(showRHSPluginAction: ShowRhsPluginActionData) {
+export function setShowRHSAction(showRHSPluginAction: () => ShowRhsPluginActionData) {
     return {
         type: ActionTypes.RECEIVED_SHOW_RHS_ACTION,
         showRHSPluginAction,
@@ -142,7 +142,7 @@ export function getGitlabUser(userID: string) {
             return {};
         }
 
-        const user = getState()[pluginStateKey].gitlabUsers[userID];
+        const user = getPluginState(getState()).gitlabUsers[userID];
         if (
             user &&
             user.last_try &&

webapp/src/components/user_attribute/index.ts

@@ -9,6 +9,7 @@ import {GlobalState, pluginStateKey} from 'src/types/store';
 
 import UserAttribute from './user_attribute';
 
+export type UserAttributeProps = UserAttributeStateProps & UserAttributeDispatchProps
 interface UserAttributeStateProps {
     id: string,
     username: string,
@@ -17,12 +18,10 @@ interface UserAttributeStateProps {
 
 interface UserAttributeDispatchProps {
     actions: {
-        getGitlabUser:(userID: string) => (dispatch: Dispatch<AnyAction>, getState: () => GlobalState) => Promise<any>,
+        getGitlabUser: typeof getGitlabUser,
     },
 }
 
-export type UserAttributeProps = UserAttributeStateProps & UserAttributeDispatchProps
-
 function mapStateToProps(state: GlobalState, ownProps: {user: UserProfile}): UserAttributeStateProps {
     const idUser = ownProps.user ? ownProps.user.id : '';
     const user = state[pluginStateKey].gitlabUsers[idUser] || {};

webapp/src/components/user_attribute/user_attribute.tsx

@@ -1,11 +1,10 @@
 import React, {PureComponent} from 'react';
 
-import {UserAttributeProps} from '.';
+import type {UserAttributeProps} from '.';
 
 export default class UserAttribute extends PureComponent<UserAttributeProps> {
-    constructor(props: UserAttributeProps) {
-        super(props);
-        props.actions.getGitlabUser(props.id);
+    componentDidMount() {
+        this.props.actions.getGitlabUser(this.props.id);
     }
 
     render() {

webapp/src/index.ts

@@ -2,9 +2,6 @@
 // See License.txt for license information.
 
 import {getConfig} from 'mattermost-redux/selectors/entities/general';
-
-import {GlobalState} from 'mattermost-redux/types/store';
-
 import {Store, Action} from 'redux';
 
 import SidebarHeader from './components/sidebar_header';
@@ -14,6 +11,8 @@ import UserAttribute from './components/user_attribute';
 import SidebarRight from './components/sidebar_right';
 import LinkTooltip from './components/link_tooltip';
 
+import {GlobalState} from './types/store';
+
 import Reducer from './reducers';
 import {getConnected, setShowRHSAction} from './actions';
 import {