ModalOverlay

Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16828815

fbshipit-source-id: 9341286f7c3c32da3f7abeda53b78b2b7fa7bd1b

src/ui/components/ModalOverlay.tsx

@@ -5,8 +5,9 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 import {Component} from 'react';
+import React from 'react';
 
 const Overlay = styled('div')({
   alignItems: 'center',
@@ -22,8 +23,8 @@ const Overlay = styled('div')({
 });
 
 export default class ModalOverlay extends Component<{
-  onClose: () => void,
-  children?: React$Node,
+  onClose: () => void;
+  children?: React.ReactNode;
 }> {
   ref: HTMLElement;
 
@@ -31,7 +32,7 @@ export default class ModalOverlay extends Component<{
     this.ref = ref;
   };
 
-  onClick = (e: SyntheticMouseEvent<>) => {
+  onClick = (e: React.MouseEvent) => {
     if (e.target === this.ref) {
       this.props.onClose();
     }

src/ui/index.js

@@ -129,7 +129,7 @@ export {default as Text} from './components/Text.js';
 export {default as TextParagraph} from './components/TextParagraph.js';
 export {default as Link} from './components/Link.js';
 export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.js';
-export {default as ModalOverlay} from './components/ModalOverlay.js';
+export {default as ModalOverlay} from './components/ModalOverlay.tsx';
 export {default as Tooltip} from './components/Tooltip.js';
 export {default as TooltipProvider} from './components/TooltipProvider.js';
 export {default as ResizeSensor} from './components/ResizeSensor.js';