From 7b7f3ab1d3aaf490c3b9ac091e4044d3ae5d18bc Mon Sep 17 00:00:00 2001
From: Malar Kannan <malar@avaz.in>
Date: Fri, 16 Jun 2017 20:32:52 +0530
Subject: [PATCH] unl editing component added

---
 src/App.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 119d567..c8c456c 100644
--- a/src/App.tsx
+++ b/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>
+    );
   }
 }