Link

Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830544

fbshipit-source-id: 868518b9601d1772af8363b940b72cb3ab2f6cc8

src/ui/components/Link.tsx

@@ -5,10 +5,11 @@
  * @format
  */
 
-import styled from '../styled/index.js';
-import {colors} from './colors.tsx';
+import styled from 'react-emotion';
+import {colors} from './colors';
 import {Component} from 'react';
 import {shell} from 'electron';
+import React from 'react';
 
 const StyledLink = styled('span')({
   color: colors.highlight,
@@ -19,8 +20,8 @@ const StyledLink = styled('span')({
 });
 
 export default class Link extends Component<{
-  href: string,
-  children?: React$Node,
+  href: string;
+  children?: React.ReactNode;
 }> {
   onClick = () => {
     shell.openExternal(this.props.href);

src/ui/components/data-inspector/DataDescription.js

@@ -4,7 +4,7 @@
  * LICENSE file in the root directory of this source tree.
  * @format
  */
-import Link from '../Link';
+import Link from '../Link.tsx';
 import type {DataInspectorSetValue} from './DataInspector.js';
 import {PureComponent} from 'react';
 import styled from '../../styled/index.js';

src/ui/index.js

@@ -127,7 +127,7 @@ export {default as Toolbar, Spacer} from './components/Toolbar.tsx';
 export {default as Panel} from './components/Panel.tsx';
 export {default as Text} from './components/Text.tsx';
 export {default as TextParagraph} from './components/TextParagraph.tsx';
-export {default as Link} from './components/Link.js';
+export {default as Link} from './components/Link.tsx';
 export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.tsx';
 export {default as ModalOverlay} from './components/ModalOverlay.tsx';
 export {default as Tooltip} from './components/Tooltip.tsx';