From e80385169aea55575dc1003bf7f5f6aaa30f7aa1 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] LoadingIndicator

Summary: _typescript_

Reviewed By: passy, bnelo12

Differential Revision: D16830547

fbshipit-source-id: faaf843dfc667242aa9bf34443b89856751dd2b8
---
 .../components/{LoadingIndicator.js => LoadingIndicator.tsx}  | 4 ++--
 src/ui/index.js                                               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename src/ui/components/{LoadingIndicator.js => LoadingIndicator.tsx} (87%)

diff --git a/src/ui/components/LoadingIndicator.js b/src/ui/components/LoadingIndicator.tsx
similarity index 87%
rename from src/ui/components/LoadingIndicator.js
rename to src/ui/components/LoadingIndicator.tsx
index 89214e55b..e32ff39f6 100644
--- a/src/ui/components/LoadingIndicator.js
+++ b/src/ui/components/LoadingIndicator.tsx
@@ -5,7 +5,7 @@
  * @format
  */
 
-import styled from '../styled/index.js';
+import styled from 'react-emotion';
 import {keyframes} from 'react-emotion';
 
 const animation = keyframes({
@@ -17,7 +17,7 @@ const animation = keyframes({
   },
 });
 
-const LoadingIndicator = styled('div')(props => ({
+const LoadingIndicator = styled('div')((props: {size: number}) => ({
   animation: `${animation} 1s infinite linear`,
   width: props.size,
   height: props.size,
diff --git a/src/ui/index.js b/src/ui/index.js
index 0db390d31..717d93491 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -21,7 +21,7 @@ export {colors, darkColors, brandColors} from './components/colors.tsx';
 export {default as Glyph} from './components/Glyph.js';
 
 //
-export {default as LoadingIndicator} from './components/LoadingIndicator.js';
+export {default as LoadingIndicator} from './components/LoadingIndicator.tsx';
 
 //
 export {default as Popover} from './components/Popover.tsx';