From b0140c63641193e218f7aa398f66ce77fb398b88 Mon Sep 17 00:00:00 2001
From: John Knox <jknox@fb.com>
Date: Thu, 25 Jul 2019 07:09:32 -0700
Subject: [PATCH] Add rating tooltip

Summary: I felt it would be good to say what these stars are actually for.

Reviewed By: passy

Differential Revision: D16457243

fbshipit-source-id: 961933f71efdcb6835936d5e1da7fe817eccc996
---
 src/chrome/RatingButton.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/chrome/RatingButton.js b/src/chrome/RatingButton.js
index 757e645bd..d211fc466 100644
--- a/src/chrome/RatingButton.js
+++ b/src/chrome/RatingButton.js
@@ -5,8 +5,8 @@
  * @format
  */
 
-import {Component, type Element} from 'react';
-import {Glyph} from 'flipper';
+import {Component, type Element, Fragment} from 'react';
+import {Glyph, Tooltip} from 'flipper';
 import {getInstance as getLogger} from '../fb-stubs/Logger';
 import GK from '../fb-stubs/GK';
 
@@ -72,6 +72,13 @@ export default class RatingButton extends Component<Props, State> {
           />
         </div>
       ));
-    return stars;
+    const button = <Fragment>{stars}</Fragment>;
+    return (
+      <Tooltip
+        options={{position: 'toLeft'}}
+        title="How would you rate Flipper?"
+        children={button}
+      />
+    );
   }
 }