From 4c6aec42d83a1e3974013f17e98ea459122945d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20B=C3=BCchele?= <danielbuechele@fb.com>
Date: Tue, 20 Aug 2019 03:18:32 -0700
Subject: [PATCH] Link

Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830544

fbshipit-source-id: 868518b9601d1772af8363b940b72cb3ab2f6cc8
---
 src/ui/components/{Link.js => Link.tsx}             | 9 +++++----
 src/ui/components/data-inspector/DataDescription.js | 2 +-
 src/ui/index.js                                     | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 rename src/ui/components/{Link.js => Link.tsx} (81%)

diff --git a/src/ui/components/Link.js b/src/ui/components/Link.tsx
similarity index 81%
rename from src/ui/components/Link.js
rename to src/ui/components/Link.tsx
index 173d2fb16..15f73244c 100644
--- a/src/ui/components/Link.js
+++ b/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);
diff --git a/src/ui/components/data-inspector/DataDescription.js b/src/ui/components/data-inspector/DataDescription.js
index 969a9e81c..086ac196e 100644
--- a/src/ui/components/data-inspector/DataDescription.js
+++ b/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';
diff --git a/src/ui/index.js b/src/ui/index.js
index 717d93491..665471759 100644
--- a/src/ui/index.js
+++ b/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';