unl editing component added

src/App.tsx

@@ -115,7 +115,7 @@ class LexMatches extends React.Component<any, any> {
       <div>
         {this.props.matchedEntries.map((mObj: any) => {
           console.log('Matched ObjectEntry' + mObj);
-          return (<LexEntry key={mObj.unl} lexItem={mObj}/>);
+          return (<LexEntry key={mObj.unl} lexItem={mObj} />);
         })}
       </div>
     );
@@ -124,7 +124,24 @@ class LexMatches extends React.Component<any, any> {
 
 class LexEntry extends React.Component<any, any> {
   public render() {
-    return null;
+    return (
+      <div className="pt-form-group">
+        <label className="pt-label" htmlFor="example-form-group-input-a">
+          UNL
+        </label>
+        <div className="pt-form-content">
+          <input
+            id="example-form-group-input-a"
+            className="pt-input"
+            style={{ width: '300px' }}
+            placeholder="UNL Value"
+            value={this.props.lexItem.unl}
+            type="text"
+            dir="auto"
+          />
+        </div>
+      </div>
+    );
   }
 }