From b33dd4854541733b3cef48d3f39259cd32ee549b Mon Sep 17 00:00:00 2001
From: Nonumpa <acerxp511@msn.com>
Date: Mon, 25 Feb 2019 01:31:13 +0800
Subject: [PATCH] Fixes #152, using balloon-css instead of react-tooltip

---
 components/EditorName.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/components/EditorName.js b/components/EditorName.js
index a5bb4563..e29e0310 100644
--- 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>
   );
 }