Migrated NavigationInfoBox to TypeScript

Summary: Migrated NavigationInfoBox,js to NavigationInfoBox.tsx

Reviewed By: danielbuechele

Differential Revision: D17132217

fbshipit-source-id: 9a9cd3c186efdcf7a8efc5eeaec608ff8cb4d6f1

src/plugins/navigation/components/NavigationInfoBox.tsx

@@ -3,20 +3,21 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * @format
- * @flow strict-local
  */
 
 import {styled} from 'flipper';
-import {parseURIParameters} from '../util/uri.tsx';
-import {IconButton, FavoriteButton} from './';
+import {parseURIParameters} from '../util/uri';
+import IconButton from './IconButton';
+import FavoriteButton from './FavoriteButton';
+import React from 'react';
 
-type Props = {|
-  isBookmarked: boolean,
-  uri: ?string,
-  className: ?string,
-  onNavigate: (query: string) => void,
-  onFavorite: (query: string) => void,
-|};
+type Props = {
+  isBookmarked: boolean;
+  uri: string | null;
+  className: string | null;
+  onNavigate: (query: string) => void;
+  onFavorite: (query: string) => void;
+};
 
 const NavigationInfoBoxContainer = styled('div')({
   backgroundColor: '#FDFDEA',

src/plugins/navigation/components/index.js

@@ -10,7 +10,7 @@ export {default as AutoCompleteSheet} from './AutoCompleteSheet';
 export {default as BookmarksSidebar} from './BookmarksSidebar';
 export {default as FavoriteButton} from './FavoriteButton.tsx';
 export {default as IconButton} from './IconButton.tsx';
-export {default as NavigationInfoBox} from './NavigationInfoBox';
+export {default as NavigationInfoBox} from './NavigationInfoBox.tsx';
 export {default as RequiredParametersDialog} from './RequiredParametersDialog';
 export {default as SaveBookmarkDialog} from './SaveBookmarkDialog';
 export {default as ScrollableFlexColumn} from './ScrollableFlexColumn';