From 5c8be8f3606c2106fef10017ffd762240cc924b8 Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Mon, 12 Aug 2019 05:49:44 -0700
Subject: [PATCH] Migrate RatingButton from js to ts

Summary: Migrated RatingButton from RatingButton.js to RatingButton.tsx

Reviewed By: jknoxville

Differential Revision: D16732775

fbshipit-source-id: 380c8916f628115f474b575aef1b8a6e0c8863f9
---
 src/chrome/{RatingButton.js => RatingButton.tsx} | 14 +++++++-------
 src/chrome/TitleBar.tsx                          |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)
 rename src/chrome/{RatingButton.js => RatingButton.tsx} (85%)

diff --git a/src/chrome/RatingButton.js b/src/chrome/RatingButton.tsx
similarity index 85%
rename from src/chrome/RatingButton.js
rename to src/chrome/RatingButton.tsx
index f42a4e293..3da8b2326 100644
--- a/src/chrome/RatingButton.js
+++ b/src/chrome/RatingButton.tsx
@@ -5,18 +5,18 @@
  * @format
  */
 
-import {Component, type Element, Fragment} from 'react';
+import React, {Component, Fragment} from 'react';
 import {Glyph, Tooltip} from 'flipper';
-import {getInstance as getLogger} from '../fb-stubs/Logger.tsx';
-import GK from '../fb-stubs/GK.tsx';
+import {getInstance as getLogger} from '../fb-stubs/Logger';
+import GK from '../fb-stubs/GK';
 
 type Props = {
-  rating: ?number,
-  onRatingChanged: number => void,
+  rating: number | null | undefined;
+  onRatingChanged: (rating: number) => void;
 };
 
 type State = {
-  hoveredRating: ?number,
+  hoveredRating: number | null | undefined;
 };
 
 export default class RatingButton extends Component<Props, State> {
@@ -46,7 +46,7 @@ export default class RatingButton extends Component<Props, State> {
     }
     const stars = Array(5)
       .fill(true)
-      .map<Element<*>>((_, index) => (
+      .map<JSX.Element>((_, index) => (
         <div
           key={index}
           role="button"
diff --git a/src/chrome/TitleBar.tsx b/src/chrome/TitleBar.tsx
index b7dcf27d6..a122efa98 100644
--- a/src/chrome/TitleBar.tsx
+++ b/src/chrome/TitleBar.tsx
@@ -26,7 +26,7 @@ import {
   LoadingIndicator,
 } from 'flipper';
 import {connect} from 'react-redux';
-import RatingButton from './RatingButton.js';
+import RatingButton from './RatingButton';
 import DevicesButton from './DevicesButton';
 import ScreenCaptureButtons from './ScreenCaptureButtons.js';
 import AutoUpdateVersion from './AutoUpdateVersion';