From fa70cf9072c5f024fb4e67463d8020ce91a3664e 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 | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/EditorName.js b/components/EditorName.js
index a5bb4563..dd39b91a 100644
--- a/components/EditorName.js
+++ b/components/EditorName.js
@@ -1,16 +1,14 @@
 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>
   );
 }