View

Summary: _typescript_

Reviewed By: passy, bnelo12

Differential Revision: D16830062

fbshipit-source-id: 19742e156c138ab867bb0e9f40dc140f1e98dec9

src/ui/components/ErrorBoundary.js

@@ -9,7 +9,7 @@ import ErrorBlock from './ErrorBlock.js';
 import {Component} from 'react';
 import Heading from './Heading.js';
 import Button from './Button.js';
-import View from './View.js';
+import View from './View.tsx';
 import styled from '../styled/index.js';
 
 const ErrorBoundaryContainer = styled(View)({

src/ui/components/FlexBox.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import View from './View.js';
+import View from './View.tsx';
 import styled from '../styled/index.js';
 
 type Props = {

src/ui/components/FlexCenter.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import View from './View.js';
+import View from './View.tsx';
 import styled from '../styled/index.js';
 
 /**

src/ui/components/View.tsx

@@ -5,9 +5,14 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 
-const View = styled('div')(props => ({
+type Props = {
+  grow?: boolean;
+  scrollable?: boolean;
+};
+
+const View = styled('div')((props: Props) => ({
   height: props.grow ? '100%' : 'auto',
   overflow: props.scrollable ? 'auto' : 'visible',
   position: 'relative',

src/ui/components/VirtualList.js

@@ -7,7 +7,7 @@
 
 import FlexColumn from './FlexColumn.js';
 import {Component} from 'react';
-import View from './View.js';
+import View from './View.tsx';
 import styled from '../styled/index.js';
 
 const Inner = styled(FlexColumn)(({height}) => ({

src/ui/index.js

@@ -112,7 +112,7 @@ export {
 } from './components/desktop-toolbar.tsx';
 
 // utility elements
-export {default as View} from './components/View.js';
+export {default as View} from './components/View.tsx';
 export {default as ViewWithSize} from './components/ViewWithSize.js';
 export {default as Block} from './components/Block.js';
 export {default as FocusableBox} from './components/FocusableBox.js';