Migrated UpdateIndicator

Summary: Migrated UpdateIndicator.js to UpdateIndicator.tsx

Reviewed By: passy

Differential Revision: D16668962

fbshipit-source-id: 32861327daa926b9dd53ff2c7c46ade164c09ccb

src/chrome/UpdateIndicator.tsx

@@ -0,0 +1,47 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+import {LauncherMsg} from '../reducers/application.js';
+import {colors, FlexRow, Glyph, styled} from 'flipper';
+import React, {Component} from 'react';
+
+const Container = styled(FlexRow)({
+  alignItems: 'center',
+  marginLeft: 4,
+});
+
+type Props = {
+  launcherMsg: LauncherMsg,
+};
+
+function getSeverityColor(severity: 'warning' | 'error'): string {
+  switch (severity) {
+    case 'warning':
+      return colors.light30;
+    case 'error':
+      return colors.cherry;
+  }
+}
+
+export default class UpdateIndicator extends Component<Props> {
+  render() {
+    if (this.props.launcherMsg.message.length == 0) {
+      return null;
+    }
+
+    return (
+      <Container>
+        <span title={this.props.launcherMsg.message}>
+          <Glyph
+            color={getSeverityColor(this.props.launcherMsg.severity)}
+            name="caution-triangle"
+          />
+        </span>
+      </Container>
+    );
+  }
+}