fixed some bugs of UI

KimQ0126 · Jul 27, 2018 · d0b087f · d0b087f
1 parent dc2a4bc
commit d0b087f
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 15 deletions.
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,6 +1,6 @@
 {
   "main.css": "static/css/main.35bdd23a.css",
   "main.css.map": "static/css/main.35bdd23a.css.map",
-  "main.js": "static/js/main.a5adcb76.js",
-  "main.js.map": "static/js/main.a5adcb76.js.map"
+  "main.js": "static/js/main.50c3325a.js",
+  "main.js.map": "static/js/main.50c3325a.js.map"
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="./manifest.json"><link rel="shortcut icon" href="./favicon.ico"><title>Spacy Rules Editor</title><link href="./static/css/main.35bdd23a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><div id="root"></div><script type="text/javascript" src="./static/js/main.a5adcb76.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="./manifest.json"><link rel="shortcut icon" href="./favicon.ico"><title>Spacy Rules Editor</title><link href="./static/css/main.35bdd23a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"/><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/><div id="root"></div><script type="text/javascript" src="./static/js/main.50c3325a.js"></script></body></html>
diff --git a/build/service-worker.js b/build/service-worker.js
diff --git a/build/static/js/main.50c3325a.js b/build/static/js/main.50c3325a.js
diff --git a/build/static/js/main.50c3325a.js.map b/build/static/js/main.50c3325a.js.map
diff --git a/build/static/js/main.a5adcb76.js b/build/static/js/main.a5adcb76.js
diff --git a/build/static/js/main.a5adcb76.js.map b/build/static/js/main.a5adcb76.js.map
diff --git a/src/components/TestArea.js b/src/components/TestArea.js
@@ -528,9 +528,7 @@ class TestArea extends React.Component {
             Clear
           </Button>
         </div>
-        <div>
-          "Number of the extraction results: " {this.state.res_arr_length}
-        </div>
+
         <Grid item xs={12} className={classes.result}>
           <Tabs
             value={value}
@@ -559,7 +557,7 @@ class TestArea extends React.Component {
               <Paper className={classes.display_container}>
                 {this.state.token_display}
                 <div>
-                  "Number of Extractions: " + {this.state.number_of_extraction}
+                  Number of Extractions: {this.state.number_of_extraction}
                 </div>
               </Paper>
             </TabContainer>

diff --git a/src/components/TokenItem.js b/src/components/TokenItem.js
@@ -788,14 +788,14 @@ class Tokenitem extends Component {
 
         <IconButton
           data-tip
-          data-for={add_before_button}
+          data-for="add_before_button"
           color="primary"
           aria-label="Add"
           onClick={this.handleAddClick}
         >
           <AddIcon />
         </IconButton>
-        <ReactTooltip id={add_before_button} type="info" effect="solid">
+        <ReactTooltip id="add_before_button" type="info" effect="solid">
           <span>Add Token Before</span>
         </ReactTooltip>
 

diff --git a/src/components/TokenList.js b/src/components/TokenList.js
@@ -349,7 +349,7 @@ class TokenList extends Component {
             <div className={classes.container}>
               <Button
                 data-tip
-                data-for={add_after_button}
+                data-for="add_after_button"
                 variant="text"
                 color="secondary"
                 aria-label="add"
@@ -358,7 +358,7 @@ class TokenList extends Component {
               >
                 <AddIcon className={classes.extendedIcon} />
               </Button>
-              <ReactTooltip id={add_after_button} type="info" effect="solid">
+              <ReactTooltip id="add_after_button" type="info" effect="solid">
                 <span>Add Token at the End</span>
               </ReactTooltip>
             </div>