From 4c68750058cf5ea740ae7900ee5de3ec6828e972 Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Mon, 2 Sep 2019 03:54:48 -0700
Subject: [PATCH] Migrated FavoriteButton to TypeScript

Summary: Migrated FavoriteButton.js to FavoriteButton.tsx

Reviewed By: danielbuechele

Differential Revision: D17132220

fbshipit-source-id: af1a3de4b272a57975486233f699e390677784fb
---
 .../{FavoriteButton.js => FavoriteButton.tsx}   | 17 +++++++++--------
 src/plugins/navigation/components/index.js      |  2 +-
 2 files changed, 10 insertions(+), 9 deletions(-)
 rename src/plugins/navigation/components/{FavoriteButton.js => FavoriteButton.tsx} (77%)

diff --git a/src/plugins/navigation/components/FavoriteButton.js b/src/plugins/navigation/components/FavoriteButton.tsx
similarity index 77%
rename from src/plugins/navigation/components/FavoriteButton.js
rename to src/plugins/navigation/components/FavoriteButton.tsx
index c7b582122..74324d912 100644
--- a/src/plugins/navigation/components/FavoriteButton.js
+++ b/src/plugins/navigation/components/FavoriteButton.tsx
@@ -5,14 +5,15 @@
  * @format
  */
 
-import {styled} from 'flipper';
-import {IconButton} from './';
+import {styled, IconSize, colors} from 'flipper';
+import IconButton from './IconButton';
+import React from 'react';
 
-type Props = {|
-  onClick?: () => void,
-  highlighted: boolean,
-  size: 8 | 10 | 12 | 16 | 18 | 20 | 24 | 32,
-|};
+type Props = {
+  onClick?: () => void;
+  highlighted: boolean;
+  size: IconSize;
+};
 
 const FavoriteButtonContainer = styled('div')({
   position: 'relative',
@@ -31,7 +32,7 @@ export default (props: Props) => {
       {highlighted ? (
         <IconButton
           outline={false}
-          color="#FFD700"
+          color={colors.lemon}
           icon="star"
           {...iconButtonProps}
         />
diff --git a/src/plugins/navigation/components/index.js b/src/plugins/navigation/components/index.js
index f56c3061d..db53ab2a4 100644
--- a/src/plugins/navigation/components/index.js
+++ b/src/plugins/navigation/components/index.js
@@ -8,7 +8,7 @@
 
 export {default as AutoCompleteSheet} from './AutoCompleteSheet';
 export {default as BookmarksSidebar} from './BookmarksSidebar';
-export {default as FavoriteButton} from './FavoriteButton';
+export {default as FavoriteButton} from './FavoriteButton.tsx';
 export {default as IconButton} from './IconButton.tsx';
 export {default as NavigationInfoBox} from './NavigationInfoBox';
 export {default as RequiredParametersDialog} from './RequiredParametersDialog';