Fixes #152, using balloon-css instead of react-tooltip

cofacts · Feb 24, 2019 · b33dd48 · b33dd48
1 parent 777363a
commit b33dd48
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/components/EditorName.js b/components/EditorName.js
@@ -1,16 +1,11 @@
 import React from 'react';
-import ReactToolTip from 'react-tooltip';
 import levelNames from '../constants/levelNames';
+import '../node_modules/balloon-css/balloon.css';
 
 export default function EditorName({ editorName, editorLevel }) {
   return (
-    <span>
-      <span data-tip data-for="editor-info">
-        {editorName}
-      </span>
-      <ReactToolTip id="editor-info" wrapper="span">
-        <span>{`Lv.${editorLevel} ${levelNames[editorLevel]} `}</span>
-      </ReactToolTip>
+    <span data-balloon={`Lv.${editorLevel} ${levelNames[editorLevel]} `} data-balloon-pos="up">
+      {editorName}
     </span>
   );
 }