feat: support null text values in analyze results (#744)

* feat: support null text values in analyze results * refactor: use italic style for null values
microsoft · Nov 11, 2020 · 0ddb7f1 · 0ddb7f1
1 parent 6994ac9
commit 0ddb7f1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/src/react/components/pages/predict/predictResult.scss b/src/react/components/pages/predict/predictResult.scss
@@ -36,6 +36,11 @@
             margin-bottom: 2px;
             padding-left: 3px;
             font-size: 0.95em;
+
+            &-null {
+                font-style: italic;
+                list-style-type: none;
+            }
         }
     }
 

diff --git a/src/react/components/pages/predict/predictResult.tsx b/src/react/components/pages/predict/predictResult.tsx
@@ -98,13 +98,23 @@ export default class PredictResult extends React.Component<IPredictResultProps,
                         {this.getPredictionTagContent(item)}
                     </div>
                 </li>
-                <li className={postProcessedValue ? "predictiontag-item-label mt-0" : "predictiontag-item-label mt-0 mb-1"}>
-                    {postProcessedValue ? "text: " + item.text : item.text}
-                </li>
-                {postProcessedValue &&
-                    <li className="predictiontag-item-label mb-1">
-                        {postProcessedValue}
-                    </li>
+                {item.text === null ?
+                        <>
+                            <li className={postProcessedValue ? "predictiontag-item-label-null mt-0" : "predictiontag-item-label-null mt-0 mb-1"}>
+                                {postProcessedValue ? "text: NULL": "NULL"}
+                            </li>
+                        </>
+                    :
+                        <>
+                            <li className={postProcessedValue ? "predictiontag-item-label mt-0" : "predictiontag-item-label mt-0 mb-1"}>
+                                {postProcessedValue ? "text: " + item.text : item.text}
+                            </li>
+                            {postProcessedValue &&
+                                <li className="predictiontag-item-label mb-1">
+                                    {postProcessedValue}
+                                </li>
+                            }
+                        </>
                 }
             </div>
         );