Migrated FavoriteButton to TypeScript

Summary: Migrated FavoriteButton.js to FavoriteButton.tsx

Reviewed By: danielbuechele

Differential Revision: D17132220

fbshipit-source-id: af1a3de4b272a57975486233f699e390677784fb

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}
         />

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';