refactor: change the confidence value format to percentage (#461)

* update the confidence formate to percentage

* remove docType from predicatModelInfo

Co-authored-by: alex-krasn <64093224+alex-krasn@users.noreply.github.com>
Co-authored-by: kunzheng <58841788+kunzms@users.noreply.github.com>

src/react/components/pages/predict/predictModelInfo.tsx

@@ -5,20 +5,16 @@ import React from 'react'
 import './predictModelInfo.scss';
 
 export default function PredictModelInfo({ modelInfo }) {
-    const { docType, modelId, docTypeConfidence } = modelInfo;
+    const { modelId, docTypeConfidence } = modelInfo;
     return (
         <div className="model-info-container">
-            <div className="model-info-item">
-                <span className="title" >docType:</span>
-                <span className="value" >{docType}</span>
-            </div>
             <div className="model-info-item">
                 <span className="title" >modelId:</span>
                 <span className="value" >{modelId}</span>
             </div>
             <div className="model-info-item">
                 <span className="title" >docTypeConfidence:</span>
-                <span className="value" >{docTypeConfidence}</span>
+                <span className="value" >{(docTypeConfidence * 100).toFixed(2) + "%"}</span>
             </div>
         </div>
     )

src/react/components/pages/predict/predictResult.tsx

@@ -127,7 +127,7 @@ export default class PredictResult extends React.Component<IPredictResultProps,
                     }
                 </div>
                 <div className={"predictiontag-confidence"}>
-                    <span>{item.confidence}</span>
+                    <span>{(item.confidence * 100).toFixed(2)+"%" }</span>
                 </div>
             </div>
         );

src/react/components/pages/train/trainRecord.tsx

@@ -41,7 +41,7 @@ export default class TrainRecord extends React.Component<ITrainRecordProps, ITra
                     </p>
                     <h6>Average accuracy:</h6>
                     <p>
-                        {this.props.averageAccuracy}
+                        {(this.props.averageAccuracy * 100).toFixed(2)+"%"}
                     </p>
                     <div className="accuracy-info">
                         <a href="https://aka.ms/form-recognizer/docs/train" target="_blank" rel="noopener noreferrer">

src/react/components/pages/train/trainTable.tsx

@@ -39,7 +39,7 @@ export default class TrainTable
                                 Object.entries(this.props.accuracies).map((entry) =>
                                     <tr key={entry[0]}>
                                         <td>{entry[0]}</td>
-                                        <td className="text-right">{entry[1]}</td>
+                                        <td className="text-right">{(entry[1] * 100).toFixed(2) + "%"}</td>
                                     </tr>)
                             }
                         </tbody>