problems: show status icon

src/panel-triggers/components/GFHeartIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import classNames from 'classnames';
+
+interface GFHeartIconProps {
+  status: 'critical' | 'warning' | 'online' | 'ok' | 'problem';
+  className?: string;
+}
+
+export default function GFHeartIcon(props: GFHeartIconProps) {
+  const status = props.status;
+  const className = classNames("icon-gf", props.className,
+    { "icon-gf-critical": status === 'critical' || status === 'problem' },
+    { "icon-gf-warning": status === 'warning' },
+    { "icon-gf-online": status === 'online' || status === 'ok' },
+  );
+  return (
+    <i className={className}></i>
+  );
+}