migrate redux store

Summary: Migrating redux stores to TypeScript

Reviewed By: passy

Differential Revision: D16579796

fbshipit-source-id: e3e507f17f1bdd57eb45e30cb0b28aaee6c4521c

src/chrome/DetailSidebar.js

@@ -9,7 +9,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Sidebar from '../ui/components/Sidebar';
 import {connect} from 'react-redux';
-import {toggleRightSidebarAvailable} from '../reducers/application.js';
+import {toggleRightSidebarAvailable} from '../reducers/application.tsx';
 
 type OwnProps = {|
   children: any,

src/chrome/DevicesButton.js

@@ -9,7 +9,7 @@ import {Component, Button, styled} from 'flipper';
 import {connect} from 'react-redux';
 import {spawn} from 'child_process';
 import {dirname} from 'path';
-import {selectDevice, preferDevice} from '../reducers/connections.js';
+import {selectDevice, preferDevice} from '../reducers/connections.tsx';
 import {default as which} from 'which';
 import {promisify} from 'util';
 import {showOpenDialog} from '../utils/exportData';

src/chrome/ExportDataPluginSheet.js

@@ -6,17 +6,17 @@
  */
 
 import {Component, connect} from 'flipper';
-import type {ShareType} from '../reducers/application.js';
-import type {State as PluginState} from '../reducers/plugins.js';
-import type {State as PluginStatesState} from '../reducers/pluginStates.js';
-import type {ActiveSheet} from '../reducers/application.js';
-import {selectedPlugins as actionForSelectedPlugins} from '../reducers/plugins.js';
+import type {ShareType} from '../reducers/application.tsx';
+import type {State as PluginState} from '../reducers/plugins.tsx';
+import type {State as PluginStatesState} from '../reducers/pluginStates.tsx';
+import type {ActiveSheet} from '../reducers/application.tsx';
+import {selectedPlugins as actionForSelectedPlugins} from '../reducers/plugins.tsx';
 import {getActivePersistentPlugins} from '../utils/pluginUtils';
 import {
   ACTIVE_SHEET_SHARE_DATA,
   setActiveSheet as getActiveSheetAction,
   setExportDataToFileActiveSheet as getExportDataToFileActiveSheetAction,
-} from '../reducers/application.js';
+} from '../reducers/application.tsx';
 import SelectPluginSheet from './SelectPluginSheet';
 
 type OwnProps = {|

src/chrome/MainSidebar.js

@@ -10,8 +10,8 @@ import config from '../fb-stubs/config';
 import type BaseDevice from '../devices/BaseDevice.js';
 import type Client from '../Client.js';
 import type {UninitializedClient} from '../UninitializedClient.js';
-import type {PluginNotification} from '../reducers/notifications';
-import type {ActiveSheet} from '../reducers/application';
+import type {PluginNotification} from '../reducers/notifications.tsx';
+import type {ActiveSheet} from '../reducers/application.tsx';
 
 import {
   PureComponent,
@@ -31,8 +31,8 @@ import {
 } from 'flipper';
 import React from 'react';
 import NotificationsHub from '../NotificationsHub.js';
-import {selectPlugin} from '../reducers/connections.js';
-import {setActiveSheet} from '../reducers/application.js';
+import {selectPlugin} from '../reducers/connections.tsx';
+import {setActiveSheet} from '../reducers/application.tsx';
 import UserAccount from './UserAccount.tsx';
 import {connect} from 'react-redux';
 

src/chrome/ShareSheet.js

@@ -17,7 +17,10 @@ import {
   Spacer,
   Input,
 } from 'flipper';
-import {setExportStatusComponent, unsetShare} from '../reducers/application';
+import {
+  setExportStatusComponent,
+  unsetShare,
+} from '../reducers/application.tsx';
 import type {Logger} from '../fb-interfaces/Logger.js';
 import {Idler} from '../utils/Idler';
 import {shareFlipperData} from '../fb-stubs/user';

src/chrome/ShareSheetExportFile.js

@@ -15,7 +15,10 @@ import {
   FlexRow,
   Spacer,
 } from 'flipper';
-import {setExportStatusComponent, unsetShare} from '../reducers/application';
+import {
+  setExportStatusComponent,
+  unsetShare,
+} from '../reducers/application.tsx';
 import {reportPlatformFailures} from '../utils/metrics';
 import CancellableExportStatus from './CancellableExportStatus';
 // $FlowFixMe: Missing type defs for node built-in.

src/chrome/Sheet.js

@@ -7,13 +7,13 @@
 
 import {Component} from 'react';
 import {Transition} from 'react-transition-group';
-import {setActiveSheet} from '../reducers/application.js';
+import {setActiveSheet} from '../reducers/application.tsx';
 import {connect} from 'react-redux';
 import {styled} from 'flipper';
 import {PLUGIN_SHEET_ELEMENT_ID} from '../ui/components/Sheet';
-import {ACTIVE_SHEET_PLUGIN_SHEET} from '../reducers/application';
+import {ACTIVE_SHEET_PLUGIN_SHEET} from '../reducers/application.tsx';
 
-import type {ActiveSheet} from '../reducers/application';
+import type {ActiveSheet} from '../reducers/application.tsx';
 
 const DialogContainer = styled('div')(({state}) => ({
   transform: `translate(-50%, ${

src/chrome/SignInSheet.js

@@ -18,7 +18,7 @@ import {
   colors,
 } from 'flipper';
 import {writeKeychain, getUser} from '../fb-stubs/user';
-import {login} from '../reducers/user';
+import {login} from '../reducers/user.tsx';
 import {connect} from 'react-redux';
 
 const Container = styled(FlexColumn)({

src/chrome/TitleBar.tsx

@@ -5,8 +5,16 @@
  * @format
  */
 
-import {ActiveSheet, LauncherMsg, ShareType} from '../reducers/application.js';
-
+import {
+  ActiveSheet,
+  LauncherMsg,
+  ShareType,
+  setActiveSheet,
+  toggleLeftSidebarVisible,
+  toggleRightSidebarVisible,
+  ACTIVE_SHEET_BUG_REPORTER,
+  setFlipperRating,
+} from '../reducers/application';
 import {
   colors,
   Button,
@@ -18,13 +26,6 @@ import {
   LoadingIndicator,
 } from 'flipper';
 import {connect} from 'react-redux';
-import {
-  setActiveSheet,
-  toggleLeftSidebarVisible,
-  toggleRightSidebarVisible,
-  ACTIVE_SHEET_BUG_REPORTER,
-  setFlipperRating,
-} from '../reducers/application.js';
 import RatingButton from './RatingButton.js';
 import DevicesButton from './DevicesButton.js';
 import ScreenCaptureButtons from './ScreenCaptureButtons.js';
@@ -35,6 +36,7 @@ import {isAutoUpdaterEnabled} from '../utils/argvUtils.js';
 import isProduction from '../utils/isProduction.js';
 import {clipboard} from 'electron';
 import React from 'react';
+import {State} from 'src/reducers';
 
 const AppTitleBar = styled(FlexRow)(({focused}) => ({
   background: focused
@@ -118,7 +120,7 @@ const Importing = styled(FlexRow)({
 
 function statusMessageComponent(
   downloadingImportData: boolean,
-  statusComponent?: React.ReactElement<any> | undefined,
+  statusComponent?: React.ReactNode | undefined,
 ) {
   if (downloadingImportData) {
     return (
@@ -192,9 +194,7 @@ class TitleBar extends React.Component<Props, StateFromProps> {
   }
 }
 
-// @TODO: TS_MIGRATION
-type Store = any;
-export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
+export default connect<StateFromProps, DispatchFromProps, OwnProps, State>(
   ({
     application: {
       windowIsFocused,

src/chrome/UpdateIndicator.tsx

@@ -5,9 +5,9 @@
  * @format
  */
 
-import {LauncherMsg} from '../reducers/application.js';
+import {LauncherMsg} from '../reducers/application';
 import {colors, FlexRow, Glyph, styled} from 'flipper';
-import React, {Component} from 'react';
+import React from 'react';
 
 const Container = styled(FlexRow)({
   alignItems: 'center',
@@ -27,7 +27,7 @@ function getSeverityColor(severity: 'warning' | 'error'): string {
   }
 }
 
-export default class UpdateIndicator extends Component<Props> {
+export default class UpdateIndicator extends React.Component<Props> {
   render() {
     if (this.props.launcherMsg.message.length == 0) {
       return null;

src/chrome/UserAccount.tsx

@@ -10,7 +10,7 @@ import {ActiveSheet} from '../reducers/application';
 
 import {styled, FlexRow, Glyph, Text, colors} from 'flipper';
 import {logout} from '../reducers/user';
-import {setActiveSheet, ACTIVE_SHEET_SIGN_IN} from '../reducers/application.js';
+import {setActiveSheet, ACTIVE_SHEET_SIGN_IN} from '../reducers/application';
 import {connect} from 'react-redux';
 import electron from 'electron';
 import {findDOMNode} from 'react-dom';

src/chrome/__tests__/TitleBar.electron.js

@@ -5,10 +5,9 @@
  * @format
  */
 
-// $FlowFixMe T47375728
 import TitleBar from '../TitleBar.tsx';
 import renderer from 'react-test-renderer';
-import reducers from '../../reducers/index.js';
+import reducers from '../../reducers/index.tsx';
 import configureStore from 'redux-mock-store';
 import {Provider} from 'react-redux';