From 7fd7a26d7d1a529988bf8f96c363050f72505bff Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Mon, 12 Aug 2019 05:49:44 -0700
Subject: [PATCH] Migrate SignInSheet from js to ts

Summary: Migrated SignInSheet.js to SignInSheet.tsx

Reviewed By: danielbuechele

Differential Revision: D16735194

fbshipit-source-id: a7e039bf34b2784c55e6ebd4c8c17298a2f380cf
---
 src/App.js                                    |  2 +-
 .../{SignInSheet.js => SignInSheet.tsx}       | 37 ++++++++++---------
 2 files changed, 21 insertions(+), 18 deletions(-)
 rename src/chrome/{SignInSheet.js => SignInSheet.tsx} (81%)

diff --git a/src/App.js b/src/App.js
index 8b53004fd..8cddaa501 100644
--- a/src/App.js
+++ b/src/App.js
@@ -14,7 +14,7 @@ import MainSidebar from './chrome/MainSidebar.tsx';
 import BugReporterDialog from './chrome/BugReporterDialog.tsx';
 import ErrorBar from './chrome/ErrorBar.tsx';
 import ShareSheet from './chrome/ShareSheet.tsx';
-import SignInSheet from './chrome/SignInSheet.js';
+import SignInSheet from './chrome/SignInSheet.tsx';
 import ExportDataPluginSheet from './chrome/ExportDataPluginSheet.tsx';
 import ShareSheetExportFile from './chrome/ShareSheetExportFile.tsx';
 import PluginContainer from './PluginContainer.js';
diff --git a/src/chrome/SignInSheet.js b/src/chrome/SignInSheet.tsx
similarity index 81%
rename from src/chrome/SignInSheet.js
rename to src/chrome/SignInSheet.tsx
index b996e314d..49ef93210 100644
--- a/src/chrome/SignInSheet.js
+++ b/src/chrome/SignInSheet.tsx
@@ -10,16 +10,17 @@ import {
   Button,
   styled,
   Text,
-  Component,
   FlexRow,
   Spacer,
   Input,
   Link,
   colors,
 } from 'flipper';
-import {login} from '../reducers/user.tsx';
-import {writeKeychain, getUser} from '../fb-stubs/user.tsx';
+import React, {Component} from 'react';
+import {writeKeychain, getUser} from '../fb-stubs/user';
+import {login} from '../reducers/user';
 import {connect} from 'react-redux';
+import {State as Store} from '../reducers';
 
 const Container = styled(FlexColumn)({
   padding: 20,
@@ -40,21 +41,23 @@ const TokenInput = styled(Input)({
   marginRight: 0,
 });
 
-type OwnProps = {|
-  onHide: () => mixed,
-|};
-
-type Props = {|
-  ...OwnProps,
-  login: (user: Object) => mixed,
-|};
-
-type State = {
-  token: string,
-  loading: boolean,
-  error: ?string,
+type OwnProps = {
+  onHide: () => any;
 };
 
+type StateFromProps = {};
+
+type DispatchFromProps = {
+  login: (user: Object) => any;
+};
+
+type State = {
+  token: string;
+  loading: boolean;
+  error: string | null | undefined;
+};
+
+type Props = OwnProps & StateFromProps & DispatchFromProps;
 class SignInSheet extends Component<Props, State> {
   state = {
     token: '',
@@ -118,7 +121,7 @@ class SignInSheet extends Component<Props, State> {
   }
 }
 
-export default connect<Props, OwnProps, _, _, _, _>(
+export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
   () => ({}),
   {login},
 )(SignInSheet);